Palette de couleurs Terracotta Garden
Terracotta Garden est une palette de 5 couleurs qui puise dans les rouges, oranges et neutres. En OKLCH, sa luminosité va de 28 % (#441428, foncé) à 95 % (#FFE7E7, très clair), et sa couleur la plus saturée, #893F27, est moyennement saturé. 4 de ses 4 couleurs chromatiques se situent du côté chaud du cercle chromatique. 3 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : terreuses, chaudes, rouges et apaisantes.
- Jet #441428
- Auburn #893F27
- English Lavender #A97F5F
- Earth Yellow #D0AF79
- Apricot #FFE7E7
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #441428 | rgb(68, 20, 40) | hsl(335, 55%, 17%) | oklch(27.6% 0.077 357.6) |
| Auburn | #893F27 | rgb(137, 63, 39) | hsl(15, 56%, 35%) | oklch(46% 0.108 38.4) |
| English Lavender | #A97F5F | rgb(169, 127, 95) | hsl(26, 30%, 52%) | oklch(63% 0.069 58.4) |
| Earth Yellow | #D0AF79 | rgb(208, 175, 121) | hsl(37, 48%, 65%) | oklch(77.1% 0.08 79.4) |
| Apricot | #FFE7E7 | rgb(255, 231, 231) | hsl(0, 100%, 95%) | oklch(94.7% 0.026 17.6) |
Accessibilité
Les meilleures paires texte et fond de Terracotta 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 |
|---|---|---|---|
| #FFE7E7 sur #441428 | 12.96:1 | AAA | Lc -92.4 |
| #441428 sur #D0AF79 | 7.33:1 | AAA | Lc 59.0 |
| #FFE7E7 sur #893F27 | 6.36:1 | AA | Lc -78.2 |
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/441428-893f27-a97f5f-d0af79-ffe7e7.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.