Palette de couleurs Harbour and Mist
Harbour and Mist est une palette de 5 couleurs qui puise dans les neutres et bleus. En OKLCH, sa luminosité va de 25 % (#1A222C, très foncé) à 96 % (#F0F2F4, très clair), et sa couleur la plus saturée, #7C8FA0, est atténué. 1 de ses 1 couleurs chromatiques se situe du côté froid du cercle chromatique. 4 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : apaisantes, froides, grises et neutres.
- Jet #1A222C
- Silver Lake Blue #7C8FA0
- French Gray #BFB5A9
- Light Gray #D5DCE3
- Anti-Flash White #F0F2F4
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #1A222C | rgb(26, 34, 44) | hsl(213, 26%, 14%) | oklch(24.9% 0.022 254.2) |
| Silver Lake Blue | #7C8FA0 | rgb(124, 143, 160) | hsl(208, 16%, 56%) | oklch(64.1% 0.034 245.4) |
| French Gray | #BFB5A9 | rgb(191, 181, 169) | hsl(33, 15%, 71%) | oklch(77.8% 0.02 72.5) |
| Light Gray | #D5DCE3 | rgb(213, 220, 227) | hsl(210, 20%, 86%) | oklch(89.1% 0.012 248) |
| Anti-Flash White | #F0F2F4 | rgb(240, 242, 244) | hsl(210, 15%, 95%) | oklch(96% 0.003 247.9) |
Accessibilité
Les meilleures paires texte et fond de Harbour and Mist, 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 |
|---|---|---|---|
| #F0F2F4 sur #1A222C | 14.29:1 | AAA | Lc -96.8 |
| #D5DCE3 sur #1A222C | 11.59:1 | AAA | Lc -82.5 |
| #1A222C sur #BFB5A9 | 7.94:1 | AAA | Lc 61.6 |
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/1a222c-7c8fa0-bfb5a9-d5dce3-f0f2f4.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.