Palette de couleurs Granite Archive
Granite Archive est une palette de 5 couleurs qui puise dans les neutres et turquoises et cyans. En OKLCH, sa luminosité va de 28 % (#1F2933, foncé) à 98 % (#F5F7FA, très clair), et sa couleur la plus saturée, #0E7C86, est moyennement saturé. 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 : entreprise, sourdes, bleu-vert, grises et froides.
- Jet #1F2933
- Teal #0E7C86
- Cool Steel #9BA6B3
- Cadet Gray #C6CCD2
- Cultured #F5F7FA
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #1F2933 | rgb(31, 41, 51) | hsl(210, 24%, 16%) | oklch(27.6% 0.023 248.7) |
| Teal | #0E7C86 | rgb(14, 124, 134) | hsl(185, 81%, 29%) | oklch(53.6% 0.089 205) |
| Cool Steel | #9BA6B3 | rgb(155, 166, 179) | hsl(212, 14%, 65%) | oklch(72.1% 0.023 252.6) |
| Cadet Gray | #C6CCD2 | rgb(198, 204, 210) | hsl(210, 12%, 80%) | oklch(84.2% 0.011 248) |
| Cultured | #F5F7FA | rgb(245, 247, 250) | hsl(216, 33%, 97%) | oklch(97.5% 0.005 258.3) |
Accessibilité
Les meilleures paires texte et fond de Granite Archive, 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 |
|---|---|---|---|
| #F5F7FA sur #1F2933 | 13.75:1 | AAA | Lc -99.0 |
| #C6CCD2 sur #1F2933 | 9.11:1 | AAA | Lc -71.7 |
| #1F2933 sur #9BA6B3 | 5.97:1 | AA | Lc 51.0 |
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/1f2933-0e7c86-9ba6b3-c6ccd2-f5f7fa.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.