Paleta de colores Midnight Study
Midnight Study es una paleta de 4 colores que se apoya en azules y verdes azulados y cianes. En OKLCH, su luminosidad va del 32% (#00365B, oscuro) al 94% (#C7F2FF, muy claro), y su color más saturado, #8A99EC, es moderadamente saturado. 4 de sus 4 colores cromáticos están en el lado frío de la rueda cromática. 2 de sus 6 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como fríos, verde azulado, morados y aptos para daltonismo.
- Prussian Blue #00365B
- Teal #007E7A
- Chefchaouen Blue #8A99EC
- Diamond #C7F2FF
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Prussian Blue | #00365B | rgb(0, 54, 91) | hsl(204, 100%, 18%) | oklch(32.3% 0.083 246.1) |
| Teal | #007E7A | rgb(0, 126, 122) | hsl(178, 100%, 25%) | oklch(53.5% 0.092 190.9) |
| Chefchaouen Blue | #8A99EC | rgb(138, 153, 236) | hsl(231, 72%, 73%) | oklch(70.5% 0.123 275) |
| Diamond | #C7F2FF | rgb(199, 242, 255) | hsl(194, 100%, 89%) | oklch(93.5% 0.048 218.1) |
Accesibilidad
Los mejores pares de texto y fondo de Midnight Study, 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 |
|---|---|---|---|
| #C7F2FF sobre #00365B | 10.47:1 | AAA | Lc -88.2 |
| #00365B sobre #8A99EC | 4.68:1 | AA | Lc 44.0 |
| #C7F2FF sobre #007E7A | 4.12:1 | AA texto grande | Lc -65.8 |
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. Está etiquetada como apta para daltonismo: todos los pares quedan al menos a ΔE 0.14.
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/00365b-007e7a-8a99ec-c7f2ff.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.