Palette de couleurs Cloud Cuddle
Cloud Cuddle est une palette de 5 couleurs qui puise dans les bleus et neutres. En OKLCH, sa luminosité va de 21 % (#0D1A26, très foncé) à 95 % (#E8EFF6, très clair), et sa couleur la plus saturée, #6E9FCC, est moyennement saturé. 2 de ses 2 couleurs chromatiques se situent du côté froid du cercle chromatique. 5 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : enfants, bleues, grises, sourdes et froides.
- Rich Black #0D1A26
- Dim Gray #435260
- Cool Gray #6E9FCC
- Silver #BAC6D1
- Gainsboro #E8EFF6
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #0D1A26 | rgb(13, 26, 38) | hsl(209, 49%, 10%) | oklch(21.2% 0.03 247.5) |
| Dim Gray | #435260 | rgb(67, 82, 96) | hsl(209, 18%, 32%) | oklch(43.1% 0.03 246.7) |
| Cool Gray | #6E9FCC | rgb(110, 159, 204) | hsl(209, 48%, 62%) | oklch(68.5% 0.085 247.1) |
| Silver | #BAC6D1 | rgb(186, 198, 209) | hsl(209, 20%, 77%) | oklch(82.1% 0.02 245.7) |
| Gainsboro | #E8EFF6 | rgb(232, 239, 246) | hsl(210, 44%, 94%) | oklch(94.9% 0.012 248) |
Accessibilité
Les meilleures paires texte et fond de Cloud Cuddle, 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 |
|---|---|---|---|
| #E8EFF6 sur #0D1A26 | 15.18:1 | AAA | Lc -95.5 |
| #0D1A26 sur #BAC6D1 | 10.13:1 | AAA | Lc 70.6 |
| #E8EFF6 sur #435260 | 6.93:1 | AA | Lc -81.4 |
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/0d1a26-435260-6e9fcc-bac6d1-e8eff6.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.