Palette de couleurs Cardamom Bazaar
Cardamom Bazaar est une palette de 4 couleurs qui puise dans les bruns, rouges et oranges. En OKLCH, sa luminosité va de 27 % (#471300, foncé) à 94 % (#FFE5DC, très clair), et sa couleur la plus saturée, #A33C12, est vif. 4 de ses 4 couleurs chromatiques se situent du côté chaud du cercle chromatique. 3 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : gastronomie, chaudes, monochromes, dégradé, rouges et adaptées au daltonisme.
GastronomieChaudesMonochromesDégradéRougesAdaptées au daltonisme
- Jet #471300
- Rufous #A33C12
- Burnt Sienna #E47A57
- Apricot #FFE5DC
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #471300 | rgb(71, 19, 0) | hsl(16, 100%, 14%) | oklch(27.1% 0.085 40.2) |
| Rufous | #A33C12 | rgb(163, 60, 18) | hsl(17, 80%, 35%) | oklch(49.5% 0.145 39.6) |
| Burnt Sienna | #E47A57 | rgb(228, 122, 87) | hsl(15, 72%, 62%) | oklch(69.2% 0.141 38.9) |
| Apricot | #FFE5DC | rgb(255, 229, 220) | hsl(15, 100%, 93%) | oklch(94.1% 0.031 40.1) |
Accessibilité
Les meilleures paires texte et fond de Cardamom Bazaar, 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 |
|---|---|---|---|
| #FFE5DC sur #471300 | 12.85:1 | AAA | Lc -91.0 |
| #FFE5DC sur #A33C12 | 5.45:1 | AA | Lc -73.1 |
| #471300 sur #E47A57 | 5.30:1 | AA | Lc 44.7 |
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/471300-a33c12-e47a57-ffe5dc.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.