Palette de couleurs Frost and Fjord
Frost and Fjord est une palette de 4 couleurs qui puise dans les bleus et neutres. En OKLCH, sa luminosité va de 33 % (#22364F, foncé) à 98 % (#F7FAFC, très clair), et sa couleur la plus saturée, #22364F, est atténué. 2 de ses 2 couleurs chromatiques se situent du côté froid du cercle chromatique. 2 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : hiver, froides, bleues, sourdes, apaisantes et adaptées au daltonisme.
- Prussian Blue #22364F
- Lavender Gray #6D7F94
- Silver #B6C8D4
- Cultured #F7FAFC
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Prussian Blue | #22364F | rgb(34, 54, 79) | hsl(213, 40%, 22%) | oklch(32.8% 0.052 254.6) |
| Lavender Gray | #6D7F94 | rgb(109, 127, 148) | hsl(212, 15%, 50%) | oklch(59% 0.039 252.4) |
| Silver | #B6C8D4 | rgb(182, 200, 212) | hsl(204, 26%, 77%) | oklch(82.3% 0.026 236.9) |
| Cultured | #F7FAFC | rgb(247, 250, 252) | hsl(204, 45%, 98%) | oklch(98.3% 0.004 236.5) |
Accessibilité
Les meilleures paires texte et fond de Frost and Fjord, 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 |
|---|---|---|---|
| #F7FAFC sur #22364F | 11.73:1 | AAA | Lc -97.8 |
| #B6C8D4 sur #22364F | 7.14:1 | AAA | Lc -65.2 |
| #F7FAFC sur #6D7F94 | 3.92:1 | AA grand texte | Lc -70.1 |
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/22364f-6d7f94-b6c8d4-f7fafc.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.