Palette de couleurs Slate Window
Slate Window est une palette de 4 couleurs qui puise dans les turquoises et cyans et bleus. En OKLCH, sa luminosité va de 30 % (#0A323E, foncé) à 93 % (#C1F1F2, très clair), et sa couleur la plus saturée, #596389, est atténué. 4 de ses 4 couleurs chromatiques se situent du côté froid du cercle chromatique. 3 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : hiver, froides, bleues, bleu-vert, sourdes et adaptées au daltonisme.
- Midnight Green #0A323E
- Dusty Grape #596389
- Cool Steel #86A4C2
- Diamond #C1F1F2
Codes couleur
| Couleur | 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) |
Accessibilité
Les meilleures paires texte et fond de Slate Window, classées par rapport de contraste WCAG 2, avec le contraste de luminosité APCA (Lc) du texte sur son fond.
| Paire | WCAG 2 | Niveau | APCA Lc |
|---|---|---|---|
| #C1F1F2 sur #0A323E | 11.13:1 | AAA | Lc -88.2 |
| #0A323E sur #86A4C2 | 5.27:1 | AA | Lc 47.3 |
| #C1F1F2 sur #596389 | 4.80:1 | AA | Lc -69.7 |
Vision des couleurs
Aucune paire de couleurs ne se rapproche à moins de ΔE 0.06 d’une autre en protanopie, deutéranopie, tritanopie ou achromatopsie. Elle est étiquetée adaptée au daltonisme : chaque paire reste à au moins ΔE 0,14.
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
À utiliser dans votre code
Installez ces couleurs comme couleurs de thème Tailwind CSS v4 avec shadcn : npx shadcn@latest add https://getcolors.so/r/palette/0a323e-596389-86a4c2-c1f1f2.json.
Faites-la vôtre
Modifiez les couleurs, créez-en un système complet clair et sombre, ou voyez-les sur une vraie interface.