Palette de couleurs Kumquat Peel
Kumquat Peel est une palette de 5 couleurs qui puise dans les verts, jaunes, oranges et neutres. En OKLCH, sa luminosité va de 34 % (#244010, foncé) à 99 % (#FFFBE6, très clair), et sa couleur la plus saturée, #8DB600, est vif. 2 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 : gastronomie, été, vertes, chaudes et terreuses.
- Pakistan Green #244010
- Muted Teal #8DB600
- Saffron #FFB875
- Cornsilk #FFF3B0
- Cornsilk #FFFBE6
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #244010 | rgb(36, 64, 16) | hsl(95, 60%, 16%) | oklch(33.7% 0.081 134.7) |
| Muted Teal | #8DB600 | rgb(141, 182, 0) | hsl(74, 100%, 36%) | oklch(72% 0.179 124.3) |
| Saffron | #FFB875 | rgb(255, 184, 117) | hsl(29, 100%, 73%) | oklch(83.5% 0.117 63.4) |
| Cornsilk | #FFF3B0 | rgb(255, 243, 176) | hsl(51, 100%, 85%) | oklch(95.8% 0.086 99.2) |
| Cornsilk | #FFFBE6 | rgb(255, 251, 230) | hsl(50, 100%, 95%) | oklch(98.6% 0.028 98.1) |
Accessibilité
Les meilleures paires texte et fond de Kumquat Peel, 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 |
|---|---|---|---|
| #FFFBE6 sur #244010 | 11.12:1 | AAA | Lc -97.1 |
| #FFF3B0 sur #244010 | 10.30:1 | AAA | Lc -91.4 |
| #FFB875 sur #244010 | 6.81:1 | AA | Lc -64.9 |
Vision des couleurs
1 paire de couleurs se rapproche à moins de ΔE 0.06 l’une de l’autre dans au moins une simulation.
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/244010-8db600-ffb875-fff3b0-fffbe6.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.