Palette de couleurs Taffy Swirl
Taffy Swirl est une palette de 4 couleurs qui puise dans les neutres et violets. En OKLCH, sa luminosité va de 66 % (#988FA2, moyennement clair) à 96 % (#F4F0F8, très clair), et sa couleur la plus saturée, #DDC7F7, est atténué. Ses couleurs ont un chroma trop faible pour tirer vers le chaud ou le froid. 0 de ses 6 paires de couleurs atteint le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : pastel, claires, violettes, grises, apaisantes et neutres.
- Cool Gray #988FA2
- Cadet Gray #DDC7F7
- Light Gray #E4DDEB
- Anti-Flash White #F4F0F8
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Cool Gray | #988FA2 | rgb(152, 143, 162) | hsl(268, 9%, 60%) | oklch(66.4% 0.03 306.9) |
| Cadet Gray | #DDC7F7 | rgb(221, 199, 247) | hsl(268, 75%, 87%) | oklch(86.3% 0.069 305.8) |
| Light Gray | #E4DDEB | rgb(228, 221, 235) | hsl(270, 26%, 89%) | oklch(90.7% 0.02 308.2) |
| Anti-Flash White | #F4F0F8 | rgb(244, 240, 248) | hsl(270, 36%, 96%) | oklch(96.1% 0.011 308.3) |
Accessibilité
Les meilleures paires texte et fond de Taffy Swirl, 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 |
|---|---|---|---|
| #F4F0F8 sur #988FA2 | 2.75:1 | Échec | Lc -54.4 |
| #E4DDEB sur #988FA2 | 2.33:1 | Échec | Lc -43.0 |
| #DDC7F7 sur #988FA2 | 2.00:1 | Échec | Lc -33.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/988fa2-ddc7f7-e4ddeb-f4f0f8.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.