Palette de couleurs Blackcurrant Crumble
Blackcurrant Crumble est une palette de 4 couleurs qui puise dans les rouges, roses et neutres. En OKLCH, sa luminosité va de 25 % (#45001A, foncé) à 96 % (#FFEDF1, très clair), et sa couleur la plus saturée, #9D2A50, est vif. 3 de ses 3 couleurs chromatiques se situent du côté chaud du cercle chromatique. 3 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : gastronomie, audacieuses, monochromes, dégradé, rouges et adaptées au daltonisme.
GastronomieAudacieusesMonochromesDégradéRougesAdaptées au daltonisme
- Jet #45001A
- Auburn #9D2A50
- Sweet Salmon #EF7A9B
- Seashell #FFEDF1
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #45001A | rgb(69, 0, 26) | hsl(337, 100%, 14%) | oklch(25.1% 0.101 6.3) |
| Auburn | #9D2A50 | rgb(157, 42, 80) | hsl(340, 58%, 39%) | oklch(47.5% 0.153 5.3) |
| Sweet Salmon | #EF7A9B | rgb(239, 122, 155) | hsl(343, 79%, 71%) | oklch(72.1% 0.147 3.6) |
| Seashell | #FFEDF1 | rgb(255, 237, 241) | hsl(347, 100%, 96%) | oklch(96.1% 0.02 2.3) |
Accessibilité
Les meilleures paires texte et fond de Blackcurrant 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 |
|---|---|---|---|
| #FFEDF1 sur #45001A | 14.70:1 | AAA | Lc -96.0 |
| #FFEDF1 sur #9D2A50 | 6.47:1 | AA | Lc -80.2 |
| #45001A sur #EF7A9B | 6.25:1 | AA | Lc 49.2 |
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/45001a-9d2a50-ef7a9b-ffedf1.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.