Palette de couleurs Mango Burn
Mango Burn est une palette de 5 couleurs qui puise dans les rouges, roses et neutres. En OKLCH, sa luminosité va de 23 % (#38021D, très foncé) à 95 % (#FFE9F3, très clair), et sa couleur la plus saturée, #BA5084, est vif. 4 de ses 4 couleurs chromatiques se situent du côté chaud du cercle chromatique. 4 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : coucher de soleil, chaudes, monochromes, dégradé, roses et adaptées au daltonisme.
Coucher de soleilChaudesMonochromesDégradéRosesAdaptées au daltonisme
- Jet #38021D
- Maroon #72254A
- Paradise Pink #BA5084
- Cherry Blossom Pink #F29DC6
- Anti-Flash White #FFE9F3
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #38021D | rgb(56, 2, 29) | hsl(330, 93%, 11%) | oklch(22.5% 0.088 356) |
| Maroon | #72254A | rgb(114, 37, 74) | hsl(331, 51%, 30%) | oklch(39.3% 0.115 354) |
| Paradise Pink | #BA5084 | rgb(186, 80, 132) | hsl(331, 43%, 52%) | oklch(58.2% 0.148 352.1) |
| Cherry Blossom Pink | #F29DC6 | rgb(242, 157, 198) | hsl(331, 77%, 78%) | oklch(79.2% 0.113 349.6) |
| Anti-Flash White | #FFE9F3 | rgb(255, 233, 243) | hsl(333, 100%, 96%) | oklch(95.4% 0.027 348.3) |
Accessibilité
Les meilleures paires texte et fond de Mango Burn, 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 |
|---|---|---|---|
| #FFE9F3 sur #38021D | 15.24:1 | AAA | Lc -95.3 |
| #FFE9F3 sur #72254A | 8.76:1 | AAA | Lc -86.2 |
| #38021D sur #F29DC6 | 8.72:1 | AAA | Lc 62.5 |
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. Elle est étiquetée adaptée au daltonisme : chaque paire reste à au moins ΔE 0,14.
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/38021d-72254a-ba5084-f29dc6-ffe9f3.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.