Palette de couleurs Cherry Nest
Cherry Nest est une palette de 5 couleurs qui puise dans les roses, violets, verts et neutres. En OKLCH, sa luminosité va de 78 % (#E8A0B4, clair) à 98 % (#FFF8E7, très clair), et sa couleur la plus saturée, #E8A0B4, est moyennement saturé. 2 de ses 4 couleurs chromatiques se situent du côté chaud du cercle chromatique. 0 de ses 10 paires de couleurs atteint le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : printemps, pastel, roses, claires et chaudes.
- Cherry Blossom Pink #E8A0B4
- Silver #D5B9E8
- Mimi Pink #F7C5CC
- Tea Green #C9E4C5
- Cornsilk #FFF8E7
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Cherry Blossom Pink | #E8A0B4 | rgb(232, 160, 180) | hsl(343, 61%, 77%) | oklch(78.1% 0.089 1.2) |
| Silver | #D5B9E8 | rgb(213, 185, 232) | hsl(276, 51%, 82%) | oklch(82.5% 0.071 311.5) |
| Mimi Pink | #F7C5CC | rgb(247, 197, 204) | hsl(352, 76%, 87%) | oklch(86.9% 0.058 8.9) |
| Tea Green | #C9E4C5 | rgb(201, 228, 197) | hsl(112, 36%, 83%) | oklch(89.1% 0.051 141.6) |
| Cornsilk | #FFF8E7 | rgb(255, 248, 231) | hsl(42, 100%, 95%) | oklch(98% 0.024 88.2) |
Accessibilité
Les meilleures paires texte et fond de Cherry Nest, 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 |
|---|---|---|---|
| #FFF8E7 sur #E8A0B4 | 1.96:1 | Échec | Lc -40.6 |
| #FFF8E7 sur #D5B9E8 | 1.66:1 | Échec | Lc -31.8 |
| #C9E4C5 sur #E8A0B4 | 1.52:1 | Échec | Lc -22.8 |
Vision des couleurs
3 paires de couleurs se rapprochent à 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/e8a0b4-d5b9e8-f7c5cc-c9e4c5-fff8e7.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.