Palette de couleurs Mulberry Crumble
Mulberry Crumble est une palette de 5 couleurs qui puise dans les violets, rouges, roses et neutres. En OKLCH, sa luminosité va de 29 % (#3F1D38, foncé) à 97 % (#FFF1F3, très clair), et sa couleur la plus saturée, #F26D85, est vif. 4 de ses 4 couleurs chromatiques se situent du côté chaud du cercle chromatique. 5 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : gastronomie, audacieuses, roses et chaudes.
- Space Cadet #3F1D38
- Auburn #8B1E4F
- Paradise Pink #F26D85
- Cherry Blossom Pink #FFB3C1
- Seashell #FFF1F3
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Space Cadet | #3F1D38 | rgb(63, 29, 56) | hsl(312, 37%, 18%) | oklch(29% 0.067 335.4) |
| Auburn | #8B1E4F | rgb(139, 30, 79) | hsl(333, 64%, 33%) | oklch(43.1% 0.149 358.5) |
| Paradise Pink | #F26D85 | rgb(242, 109, 133) | hsl(349, 84%, 69%) | oklch(70.1% 0.164 11.1) |
| Cherry Blossom Pink | #FFB3C1 | rgb(255, 179, 193) | hsl(349, 100%, 85%) | oklch(84.2% 0.09 7) |
| Seashell | #FFF1F3 | rgb(255, 241, 243) | hsl(351, 100%, 97%) | oklch(97% 0.015 7.5) |
Accessibilité
Les meilleures paires texte et fond de Mulberry Crumble, 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 |
|---|---|---|---|
| #FFF1F3 sur #3F1D38 | 13.24:1 | AAA | Lc -96.9 |
| #FFB3C1 sur #3F1D38 | 8.63:1 | AAA | Lc -69.2 |
| #FFF1F3 sur #8B1E4F | 7.98:1 | AAA | Lc -86.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/3f1d38-8b1e4f-f26d85-ffb3c1-fff1f3.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.