Palette de couleurs Carnation Garden
Carnation Garden est une palette de 5 couleurs qui puise dans les rouges et neutres. En OKLCH, sa luminosité va de 23 % (#340F1A, très foncé) à 97 % (#FFF0EF, très clair), et sa couleur la plus saturée, #C96B80, 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 : mariage, chaudes, roses et rouges.
- Jet #340F1A
- Gray #9C6B5A
- Burnt Sienna #C96B80
- Sweet Salmon #DC9AA4
- Seashell #FFF0EF
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #340F1A | rgb(52, 15, 26) | hsl(342, 55%, 13%) | oklch(23.3% 0.061 4.6) |
| Gray | #9C6B5A | rgb(156, 107, 90) | hsl(15, 27%, 48%) | oklch(57.5% 0.068 39.9) |
| Burnt Sienna | #C96B80 | rgb(201, 107, 128) | hsl(347, 47%, 60%) | oklch(64.1% 0.121 6.8) |
| Sweet Salmon | #DC9AA4 | rgb(220, 154, 164) | hsl(351, 49%, 73%) | oklch(75.3% 0.08 9.2) |
| Seashell | #FFF0EF | rgb(255, 240, 239) | hsl(4, 100%, 97%) | oklch(96.7% 0.016 22.1) |
Accessibilité
Les meilleures paires texte et fond de Carnation 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 |
|---|---|---|---|
| #FFF0EF sur #340F1A | 15.43:1 | AAA | Lc -98.3 |
| #340F1A sur #DC9AA4 | 7.49:1 | AAA | Lc 56.7 |
| #340F1A sur #C96B80 | 4.80:1 | AA | Lc 38.8 |
Vision des couleurs
1 paire de couleurs se rapproche à 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/340f1a-9c6b5a-c96b80-dc9aa4-fff0ef.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.