Palette de couleurs Candy Cane and Ribbon
Candy Cane and Ribbon est une palette de 6 couleurs qui puise dans les verts, rouges, bruns, oranges et neutres. En OKLCH, sa luminosité va de 29 % (#0E3324, foncé) à 98 % (#FFF9F0, très clair), et sa couleur la plus saturée, #B3202D, est vif. 4 de ses 5 couleurs chromatiques se situent du côté chaud du cercle chromatique. 6 de ses 15 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : noël, hiver, rouges, jaunes et chaudes.
- Pakistan Green #0E3324
- Maroon #5C0F0B
- Rufous #B3202D
- Dark Moss Green #8C6A2F
- Earth Yellow #D9B26F
- Seashell #FFF9F0
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #0E3324 | rgb(14, 51, 36) | hsl(156, 57%, 13%) | oklch(29% 0.051 163.3) |
| Maroon | #5C0F0B | rgb(92, 15, 11) | hsl(3, 79%, 20%) | oklch(31.1% 0.11 28.5) |
| Rufous | #B3202D | rgb(179, 32, 45) | hsl(355, 70%, 41%) | oklch(49.9% 0.181 23) |
| Dark Moss Green | #8C6A2F | rgb(140, 106, 47) | hsl(38, 50%, 37%) | oklch(54.6% 0.088 78.9) |
| Earth Yellow | #D9B26F | rgb(217, 178, 111) | hsl(38, 58%, 64%) | oklch(78.4% 0.096 80.2) |
| Seashell | #FFF9F0 | rgb(255, 249, 240) | hsl(36, 100%, 97%) | oklch(98.4% 0.014 78.3) |
Accessibilité
Les meilleures paires texte et fond de Candy Cane and Ribbon, 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 |
|---|---|---|---|
| #FFF9F0 sur #0E3324 | 13.22:1 | AAA | Lc -99.8 |
| #FFF9F0 sur #5C0F0B | 13.13:1 | AAA | Lc -99.0 |
| #0E3324 sur #D9B26F | 6.95:1 | AA | Lc 59.7 |
Vision des couleurs
2 paires de couleurs se rapprochent à moins de ΔE 0.06 l’une de l’autre dans au moins une simulation.
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/0e3324-5c0f0b-b3202d-8c6a2f-d9b26f-fff9f0.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.