Palette de couleurs Kyoto Steam
Kyoto Steam est une palette de 4 couleurs qui puise dans les verts, bruns et jaunes. En OKLCH, sa luminosité va de 34 % (#2F3E2B, foncé) à 95 % (#EEF0D6, très clair), et sa couleur la plus saturée, #5C7A3A, est moyennement saturé. 1 de ses 4 couleurs chromatiques se situe du côté chaud du cercle chromatique. 1 de ses 6 paires de couleurs atteint le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : gastronomie, apaisantes, vertes, marron et sourdes.
- Pakistan Green #2F3E2B
- Dark Moss Green #5C7A3A
- Dark Moss Green #8B6B4A
- Champagne #EEF0D6
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #2F3E2B | rgb(47, 62, 43) | hsl(107, 18%, 21%) | oklch(34.5% 0.038 139.1) |
| Dark Moss Green | #5C7A3A | rgb(92, 122, 58) | hsl(88, 36%, 35%) | oklch(54.1% 0.097 129.8) |
| Dark Moss Green | #8B6B4A | rgb(139, 107, 74) | hsl(30, 31%, 42%) | oklch(55.2% 0.062 66.8) |
| Champagne | #EEF0D6 | rgb(238, 240, 214) | hsl(65, 46%, 89%) | oklch(94.7% 0.034 110.6) |
Accessibilité
Les meilleures paires texte et fond de Kyoto Steam, 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 |
|---|---|---|---|
| #EEF0D6 sur #2F3E2B | 9.80:1 | AAA | Lc -88.7 |
| #EEF0D6 sur #8B6B4A | 4.20:1 | AA grand texte | Lc -68.0 |
| #EEF0D6 sur #5C7A3A | 4.20:1 | AA grand texte | Lc -68.0 |
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/2f3e2b-5c7a3a-8b6b4a-eef0d6.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.