Palette de couleurs Gelato and Sherbet
Gelato and Sherbet est une palette de 5 couleurs qui puise dans les violets, bleus, roses et neutres. En OKLCH, sa luminosité va de 29 % (#342443, foncé) à 91 % (#ECDCEA, très clair), et sa couleur la plus saturée, #342443, est atténué. 2 de ses 4 couleurs chromatiques se situent du côté froid du cercle chromatique. 3 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : violettes, sourdes, froides et apaisantes.
- Space Cadet #342443
- YInMn Blue #44546B
- Lavender Gray #7D7F9E
- French Gray #C2A6B0
- Light Gray #ECDCEA
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Space Cadet | #342443 | rgb(52, 36, 67) | hsl(271, 30%, 20%) | oklch(29.4% 0.058 306.9) |
| YInMn Blue | #44546B | rgb(68, 84, 107) | hsl(215, 22%, 34%) | oklch(44.2% 0.043 257.4) |
| Lavender Gray | #7D7F9E | rgb(125, 127, 158) | hsl(236, 15%, 55%) | oklch(60.6% 0.047 282) |
| French Gray | #C2A6B0 | rgb(194, 166, 176) | hsl(339, 19%, 71%) | oklch(75.3% 0.035 354.5) |
| Light Gray | #ECDCEA | rgb(236, 220, 234) | hsl(308, 30%, 89%) | oklch(91.1% 0.025 329.7) |
Accessibilité
Les meilleures paires texte et fond de Gelato and Sherbet, 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 |
|---|---|---|---|
| #ECDCEA sur #342443 | 10.81:1 | AAA | Lc -84.2 |
| #342443 sur #C2A6B0 | 6.34:1 | AA | Lc 54.6 |
| #ECDCEA sur #44546B | 5.87:1 | AA | Lc -71.9 |
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.
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/342443-44546b-7d7f9e-c2a6b0-ecdcea.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.