Palette de couleurs Merlot and Wine
Merlot and Wine est une palette de 6 couleurs qui puise dans les rouges et violets. En OKLCH, sa luminosité va de 27 % (#490B19, foncé) à 94 % (#F3E5FF, très clair), et sa couleur la plus saturée, #C576B5, est moyennement saturé. 3 de ses 6 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 : chaudes, dégradé, violettes et rouges.
- Jet #490B19
- Maroon #762946
- Auburn #A14C7C
- English Lavender #C576B5
- Cherry Blossom Pink #E4A6EC
- Gainsboro #F3E5FF
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #490B19 | rgb(73, 11, 25) | hsl(346, 74%, 16%) | oklch(27% 0.091 13.4) |
| Maroon | #762946 | rgb(118, 41, 70) | hsl(337, 48%, 31%) | oklch(40.3% 0.112 0.1) |
| Auburn | #A14C7C | rgb(161, 76, 124) | hsl(326, 36%, 46%) | oklch(53.8% 0.126 347.2) |
| English Lavender | #C576B5 | rgb(197, 118, 181) | hsl(312, 41%, 62%) | oklch(67.2% 0.127 334.7) |
| Cherry Blossom Pink | #E4A6EC | rgb(228, 166, 236) | hsl(293, 65%, 79%) | oklch(80.6% 0.117 322.7) |
| Gainsboro | #F3E5FF | rgb(243, 229, 255) | hsl(272, 100%, 95%) | oklch(94.1% 0.038 309.6) |
Accessibilité
Les meilleures paires texte et fond de Merlot and Wine, 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 |
|---|---|---|---|
| #F3E5FF sur #490B19 | 12.98:1 | AAA | Lc -90.9 |
| #490B19 sur #E4A6EC | 8.15:1 | AAA | Lc 63.1 |
| #F3E5FF sur #762946 | 8.03:1 | AAA | Lc -82.3 |
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/490b19-762946-a14c7c-c576b5-e4a6ec-f3e5ff.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.