Palette de couleurs Sumac Jar
Sumac Jar est une palette de 5 couleurs qui puise dans les bruns, rouges, verts et oranges. En OKLCH, sa luminosité va de 27 % (#3A1F12, foncé) à 97 % (#FFF6E0, très clair), et sa couleur la plus saturée, #F2A93B, est vif. 4 de ses 5 couleurs chromatiques se situent du côté chaud du cercle chromatique. 4 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : gastronomie, chaudes et oranges.
- Jet #3A1F12
- Maroon #7B2D12
- Olive #6B954E
- Gamboge #F2A93B
- Cornsilk #FFF6E0
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #3A1F12 | rgb(58, 31, 18) | hsl(20, 53%, 15%) | oklch(27.2% 0.048 45.9) |
| Maroon | #7B2D12 | rgb(123, 45, 18) | hsl(15, 74%, 28%) | oklch(40.7% 0.115 38.4) |
| Olive | #6B954E | rgb(107, 149, 78) | hsl(95, 31%, 45%) | oklch(62.2% 0.11 133.8) |
| Gamboge | #F2A93B | rgb(242, 169, 59) | hsl(36, 88%, 59%) | oklch(78.7% 0.147 73) |
| Cornsilk | #FFF6E0 | rgb(255, 246, 224) | hsl(43, 100%, 94%) | oklch(97.4% 0.03 88.4) |
Accessibilité
Les meilleures paires texte et fond de Sumac Jar, 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 |
|---|---|---|---|
| #FFF6E0 sur #3A1F12 | 14.09:1 | AAA | Lc -99.1 |
| #FFF6E0 sur #7B2D12 | 8.76:1 | AAA | Lc -89.8 |
| #3A1F12 sur #F2A93B | 7.59:1 | AAA | Lc 61.4 |
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/3a1f12-7b2d12-6b954e-f2a93b-fff6e0.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.