Paleta de colores Lilac Dimming
Lilac Dimming es una paleta de 5 colores que se apoya en morados y neutros. En OKLCH, su luminosidad va del 17% (#100D1C, muy oscuro) al 94% (#EBEAF3, muy claro), y su color más saturado, #48327E, es moderadamente saturado. Sus colores tienen demasiado poco croma como para inclinarse hacia lo cálido o lo frío. 4 de sus 10 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como atardecer, oscuros, morados, grises y apagados.
- Rich Navy #100D1C
- Space Cadet #2D2A3A
- Imperial Purple #48327E
- Dusty Grape #575562
- Gainsboro #EBEAF3
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Navy | #100D1C | rgb(16, 13, 28) | hsl(252, 37%, 8%) | oklch(17.1% 0.031 292) |
| Space Cadet | #2D2A3A | rgb(45, 42, 58) | hsl(251, 16%, 20%) | oklch(29.5% 0.029 293.1) |
| Imperial Purple | #48327E | rgb(72, 50, 126) | hsl(257, 43%, 35%) | oklch(38.5% 0.123 293.1) |
| Dusty Grape | #575562 | rgb(87, 85, 98) | hsl(249, 7%, 36%) | oklch(45.6% 0.021 292.6) |
| Gainsboro | #EBEAF3 | rgb(235, 234, 243) | hsl(247, 27%, 94%) | oklch(94% 0.012 291.3) |
Accesibilidad
Los mejores pares de texto y fondo de Lilac Dimming, según la relación de contraste WCAG 2, con el contraste de luminosidad APCA (Lc) del texto sobre su fondo.
| Par | WCAG 2 | Nivel | APCA Lc |
|---|---|---|---|
| #EBEAF3 sobre #100D1C | 16.05:1 | AAA | Lc -94.4 |
| #EBEAF3 sobre #2D2A3A | 11.70:1 | AAA | Lc -90.5 |
| #EBEAF3 sobre #48327E | 8.65:1 | AAA | Lc -84.6 |
Visión del color
Ningún par de colores queda a menos de ΔE 0.06 de otro bajo protanopía, deuteranopía, tritanopía o acromatopsia.
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/100d1c-2d2a3a-48327e-575562-ebeaf3.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.