Palette de couleurs Persimmon and Paprika
Persimmon and Paprika est une palette de 5 couleurs qui puise dans les violets et neutres. En OKLCH, sa luminosité va de 19 % (#180F20, très foncé) à 95 % (#F0EAFF, très clair), et sa couleur la plus saturée, #84739B, est atténué. Ses couleurs ont un chroma trop faible pour tirer vers le chaud ou le froid. 3 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é, violettes et adaptées au daltonisme.
Coucher de soleilChaudesMonochromesDégradéViolettesAdaptées au daltonisme
- Rich Black #180F20
- Dim Gray #4C3F5B
- Lavender Gray #84739B
- French Gray #B7ABCD
- Gainsboro #F0EAFF
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #180F20 | rgb(24, 15, 32) | hsl(272, 36%, 9%) | oklch(18.9% 0.036 307.6) |
| Dim Gray | #4C3F5B | rgb(76, 63, 91) | hsl(268, 18%, 30%) | oklch(39.3% 0.049 305.5) |
| Lavender Gray | #84739B | rgb(132, 115, 155) | hsl(266, 17%, 53%) | oklch(58.6% 0.063 303.9) |
| French Gray | #B7ABCD | rgb(183, 171, 205) | hsl(261, 25%, 74%) | oklch(76.2% 0.05 301.3) |
| Gainsboro | #F0EAFF | rgb(240, 234, 255) | hsl(257, 100%, 96%) | oklch(94.8% 0.029 298.9) |
Accessibilité
Les meilleures paires texte et fond de Persimmon and Paprika, 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 |
|---|---|---|---|
| #F0EAFF sur #180F20 | 15.88:1 | AAA | Lc -95.4 |
| #180F20 sur #B7ABCD | 8.62:1 | AAA | Lc 60.6 |
| #F0EAFF sur #4C3F5B | 8.26:1 | AAA | Lc -84.8 |
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/180f20-4c3f5b-84739b-b7abcd-f0eaff.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.