Paleta de colores Strobe Pulse

Strobe Pulse es una paleta de 5 colores que se apoya en marrones, azules, morados y neutros. En OKLCH, su luminosidad va del 19% (#191500, muy oscuro) al 94% (#EEECDB, muy claro), y su color más saturado, #713E85, es moderadamente saturado. 2 de sus 4 colores cromáticos están en el lado cálido de la rueda cromática. 4 de sus 10 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como morados y terrosos.

MoradosTerrosos

Códigos de color

ColorHEXRGBHSLOKLCH
Rich Navy #191500 rgb(25, 21, 0) hsl(50, 100%, 5%) oklch(19.5% 0.041 100.4)
Pakistan Green #3C3500 rgb(60, 53, 0) hsl(53, 100%, 12%) oklch(32.6% 0.068 101.2)
Dark Cyan #004B7C rgb(0, 75, 124) hsl(204, 100%, 24%) oklch(40.1% 0.104 246.4)
Purple #713E85 rgb(113, 62, 133) hsl(283, 36%, 38%) oklch(45.7% 0.123 315.7)
Champagne #EEECDB rgb(238, 236, 219) hsl(54, 36%, 90%) oklch(94% 0.023 101.4)

Accesibilidad

Los mejores pares de texto y fondo de Strobe Pulse, según la relación de contraste WCAG 2, con el contraste de luminosidad APCA (Lc) del texto sobre su fondo.

ParWCAG 2NivelAPCA Lc
#EEECDB sobre #191500 15.37:1 AAA Lc -94.2
#EEECDB sobre #3C3500 10.38:1 AAA Lc -88.6
#EEECDB sobre #004B7C 7.69:1 AAA Lc -82.0

Visión del color

1 par de colores quedan a menos de ΔE 0.06 entre sí en al menos una simulación.

  • Protanopía

  • Deuteranopía

  • Tritanopía

  • Acromatopsia

Úsala en tu código

Instala estos colores como colores de tema de Tailwind CSS v4 con shadcn: npx shadcn@latest add https://getcolors.so/r/palette/191500-3c3500-004b7c-713e85-eeecdb.json.

Hazla tuya

Edita los colores, crea con ellos un sistema de color completo en modo claro y oscuro, o míralos en una interfaz real.

Degradados con estos colores