Palette de couleurs Seaglass Cove
Seaglass Cove est une palette de 5 couleurs qui puise dans les bruns, bleus, neutres et jaunes. En OKLCH, sa luminosité va de 21 % (#201804, très foncé) à 93 % (#EFE7D1, très clair), et sa couleur la plus saturée, #464C70, est atténué. 3 de ses 4 couleurs chromatiques se situent du côté chaud du cercle chromatique. 6 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : océan, nature, violettes, marron et sourdes.
- Jet #201804
- Pakistan Green #3E2F05
- YInMn Blue #464C70
- Silver #C3C7DA
- Champagne #EFE7D1
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #201804 | rgb(32, 24, 4) | hsl(43, 78%, 7%) | oklch(21.4% 0.036 88.3) |
| Pakistan Green | #3E2F05 | rgb(62, 47, 5) | hsl(44, 85%, 13%) | oklch(31.4% 0.06 87.7) |
| YInMn Blue | #464C70 | rgb(70, 76, 112) | hsl(231, 23%, 36%) | oklch(42.7% 0.06 276.3) |
| Silver | #C3C7DA | rgb(195, 199, 218) | hsl(230, 24%, 81%) | oklch(83.2% 0.027 276.3) |
| Champagne | #EFE7D1 | rgb(239, 231, 209) | hsl(44, 48%, 88%) | oklch(92.8% 0.03 90.3) |
Accessibilité
Les meilleures paires texte et fond de Seaglass Cove, 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 |
|---|---|---|---|
| #EFE7D1 sur #201804 | 14.26:1 | AAA | Lc -91.2 |
| #EFE7D1 sur #3E2F05 | 10.55:1 | AAA | Lc -87.0 |
| #201804 sur #C3C7DA | 10.47:1 | AAA | Lc 72.4 |
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.
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/201804-3e2f05-464c70-c3c7da-efe7d1.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.