Palette de couleurs Flamingo Glow
Flamingo Glow est une palette de 6 couleurs qui puise dans les violets, verts et neutres. En OKLCH, sa luminosité va de 21 % (#1B1325, très foncé) à 93 % (#EBE3F7, très clair), et sa couleur la plus saturée, #45542C, est atténué. Ses couleurs ont un chroma trop faible pour tirer vers le chaud ou le froid. 8 de ses 15 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : coucher de soleil, chaudes, vertes, violettes et sourdes.
- Rich Black #1B1325
- Space Cadet #413155
- Dim Gray #45542C
- Dim Gray #564E61
- Ash Gray #C3CCB8
- Gainsboro #EBE3F7
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #1B1325 | rgb(27, 19, 37) | hsl(267, 32%, 11%) | oklch(20.6% 0.037 303.8) |
| Space Cadet | #413155 | rgb(65, 49, 85) | hsl(267, 27%, 26%) | oklch(34.8% 0.064 303.7) |
| Dim Gray | #45542C | rgb(69, 84, 44) | hsl(83, 31%, 25%) | oklch(42.2% 0.064 125.8) |
| Dim Gray | #564E61 | rgb(86, 78, 97) | hsl(265, 11%, 34%) | oklch(43.9% 0.032 304.2) |
| Ash Gray | #C3CCB8 | rgb(195, 204, 184) | hsl(87, 16%, 76%) | oklch(83.3% 0.029 126.9) |
| Gainsboro | #EBE3F7 | rgb(235, 227, 247) | hsl(264, 56%, 93%) | oklch(92.8% 0.028 303.9) |
Accessibilité
Les meilleures paires texte et fond de Flamingo Glow, 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 |
|---|---|---|---|
| #EBE3F7 sur #1B1325 | 14.46:1 | AAA | Lc -90.8 |
| #1B1325 sur #C3CCB8 | 10.84:1 | AAA | Lc 73.4 |
| #EBE3F7 sur #413155 | 9.39:1 | AAA | Lc -84.4 |
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/1b1325-413155-45542c-564e61-c3ccb8-ebe3f7.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.