Paleta de colores Abyss and Lunar
Abyss and Lunar es una paleta de 5 colores que se apoya en neutros, azules y verdes azulados y cianes. En OKLCH, su luminosidad va del 26% (#182431, oscuro) al 93% (#E2E8F0, muy claro), y su color más saturado, #309DC8, es moderadamente saturado. 3 de sus 3 colores cromáticos están en el lado frío 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 fríos, azules, apagados y tranquilos.
- Oxford Blue #182431
- YInMn Blue #475569
- Blue NCS #309DC8
- Cool Steel #94A3B8
- Gainsboro #E2E8F0
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Oxford Blue | #182431 | rgb(24, 36, 49) | hsl(211, 34%, 14%) | oklch(25.6% 0.03 251) |
| YInMn Blue | #475569 | rgb(71, 85, 105) | hsl(215, 19%, 35%) | oklch(44.6% 0.037 257.3) |
| Blue NCS | #309DC8 | rgb(48, 157, 200) | hsl(197, 61%, 49%) | oklch(65.4% 0.114 229.2) |
| Cool Steel | #94A3B8 | rgb(148, 163, 184) | hsl(215, 20%, 65%) | oklch(71.1% 0.035 256.8) |
| Gainsboro | #E2E8F0 | rgb(226, 232, 240) | hsl(214, 32%, 91%) | oklch(92.9% 0.013 255.5) |
Accesibilidad
Los mejores pares de texto y fondo de Abyss and Lunar, 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 |
|---|---|---|---|
| #E2E8F0 sobre #182431 | 12.75:1 | AAA | Lc -89.9 |
| #E2E8F0 sobre #475569 | 6.15:1 | AA | Lc -75.7 |
| #182431 sobre #94A3B8 | 6.13:1 | AA | Lc 50.4 |
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/182431-475569-309dc8-94a3b8-e2e8f0.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.