Palette de couleurs Thistle Garden
Thistle Garden est une palette de 5 couleurs qui puise dans les violets et verts. En OKLCH, sa luminosité va de 24 % (#24133F, très foncé) à 87 % (#DCCDF2, clair), et sa couleur la plus saturée, #765D9A, est moyennement saturé. Ses couleurs ont un chroma trop faible pour tirer vers le chaud ou le froid. 3 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : printemps, apaisantes et violettes.
- Oxford Blue #24133F
- Charcoal #4A3A6B
- Dusty Grape #765D9A
- Slate Gray #7A9E7E
- Cadet Gray #DCCDF2
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Oxford Blue | #24133F | rgb(36, 19, 63) | hsl(263, 54%, 16%) | oklch(23.8% 0.08 297.8) |
| Charcoal | #4A3A6B | rgb(74, 58, 107) | hsl(260, 30%, 32%) | oklch(38.9% 0.083 297.5) |
| Dusty Grape | #765D9A | rgb(118, 93, 154) | hsl(265, 25%, 48%) | oklch(52.9% 0.097 302.1) |
| Slate Gray | #7A9E7E | rgb(122, 158, 126) | hsl(127, 16%, 55%) | oklch(66.3% 0.061 147.8) |
| Cadet Gray | #DCCDF2 | rgb(220, 205, 242) | hsl(264, 59%, 88%) | oklch(87.2% 0.053 303.7) |
Accessibilité
Les meilleures paires texte et fond de Thistle Garden, 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 |
|---|---|---|---|
| #DCCDF2 sur #24133F | 11.34:1 | AAA | Lc -78.2 |
| #DCCDF2 sur #4A3A6B | 6.67:1 | AA | Lc -69.3 |
| #24133F sur #7A9E7E | 5.66:1 | AA | Lc 45.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.
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/24133f-4a3a6b-765d9a-7a9e7e-dccdf2.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.