Paleta de colores Slate Window
Slate Window es una paleta de 4 colores que se apoya en verdes azulados y cianes y azules. En OKLCH, su luminosidad va del 30% (#0A323E, oscuro) al 93% (#C1F1F2, muy claro), y su color más saturado, #596389, es apagado. 4 de sus 4 colores cromáticos están en el lado frío de la rueda cromática. 3 de sus 6 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como invierno, fríos, azules, verde azulado, apagados y aptos para daltonismo.
InviernoFríosAzulesVerde azuladoApagadosAptos para daltonismo
- Midnight Green #0A323E
- Dusty Grape #596389
- Cool Steel #86A4C2
- Diamond #C1F1F2
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Midnight Green | #0A323E | rgb(10, 50, 62) | hsl(194, 72%, 14%) | oklch(29.6% 0.048 222.2) |
| Dusty Grape | #596389 | rgb(89, 99, 137) | hsl(228, 21%, 44%) | oklch(50.7% 0.062 272.7) |
| Cool Steel | #86A4C2 | rgb(134, 164, 194) | hsl(210, 33%, 64%) | oklch(70.7% 0.055 248.6) |
| Diamond | #C1F1F2 | rgb(193, 241, 242) | hsl(181, 65%, 85%) | oklch(92.5% 0.049 197.9) |
Accesibilidad
Los mejores pares de texto y fondo de Slate Window, 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 |
|---|---|---|---|
| #C1F1F2 sobre #0A323E | 11.13:1 | AAA | Lc -88.2 |
| #0A323E sobre #86A4C2 | 5.27:1 | AA | Lc 47.3 |
| #C1F1F2 sobre #596389 | 4.80:1 | AA | Lc -69.7 |
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/0a323e-596389-86a4c2-c1f1f2.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.