Palette de couleurs Cabana and Sundae
Cabana and Sundae est une palette de 6 couleurs qui puise dans les bruns, bleus, turquoises et cyans, violets et neutres. En OKLCH, sa luminosité va de 25 % (#311D00, foncé) à 95 % (#F8ECDF, très clair), et sa couleur la plus saturée, #12ADDF, est moyennement saturé. 3 de ses 5 couleurs chromatiques se situent du côté froid du cercle chromatique. 5 de ses 15 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : été, bleues et marron.
- Jet #311D00
- Charcoal #224469
- Tiger's Eye #986200
- Chefchaouen Blue #12ADDF
- Light Cornflower Blue #B9BEFF
- Apricot #F8ECDF
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #311D00 | rgb(49, 29, 0) | hsl(36, 100%, 10%) | oklch(25.1% 0.053 73.1) |
| Charcoal | #224469 | rgb(34, 68, 105) | hsl(211, 51%, 27%) | oklch(38% 0.075 252.1) |
| Tiger's Eye | #986200 | rgb(152, 98, 0) | hsl(39, 100%, 30%) | oklch(54.2% 0.116 72) |
| Chefchaouen Blue | #12ADDF | rgb(18, 173, 223) | hsl(195, 85%, 47%) | oklch(69.9% 0.134 228.1) |
| Light Cornflower Blue | #B9BEFF | rgb(185, 190, 255) | hsl(236, 100%, 86%) | oklch(82.1% 0.091 280.8) |
| Apricot | #F8ECDF | rgb(248, 236, 223) | hsl(31, 64%, 92%) | oklch(94.9% 0.022 69.8) |
Accessibilité
Les meilleures paires texte et fond de Cabana and Sundae, 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 |
|---|---|---|---|
| #F8ECDF sur #311D00 | 13.82:1 | AAA | Lc -94.2 |
| #311D00 sur #B9BEFF | 9.09:1 | AAA | Lc 68.2 |
| #F8ECDF sur #224469 | 8.60:1 | AAA | Lc -85.9 |
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/311d00-224469-986200-12addf-b9beff-f8ecdf.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.