Palette de couleurs Cupcake Linen
Cupcake Linen est une palette de 4 couleurs qui puise dans les rouges, roses et neutres. En OKLCH, sa luminosité va de 67 % (#A88C90, moyennement clair) à 96 % (#FFECF2, très clair), et sa couleur la plus saturée, #D1A6B0, est atténué. 3 de ses 3 couleurs chromatiques se situent du côté chaud du cercle chromatique. 0 de ses 6 paires de couleurs atteint le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : pastel, claires, monochromes, dégradé, roses et neutres.
- English Lavender #A88C90
- Cherry Blossom Pink #D1A6B0
- Mimi Pink #F1C6D2
- Anti-Flash White #FFECF2
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| English Lavender | #A88C90 | rgb(168, 140, 144) | hsl(351, 14%, 60%) | oklch(66.7% 0.034 8.4) |
| Cherry Blossom Pink | #D1A6B0 | rgb(209, 166, 176) | hsl(346, 32%, 74%) | oklch(76.7% 0.052 2.9) |
| Mimi Pink | #F1C6D2 | rgb(241, 198, 210) | hsl(343, 61%, 86%) | oklch(86.7% 0.051 359.6) |
| Anti-Flash White | #FFECF2 | rgb(255, 236, 242) | hsl(341, 100%, 96%) | oklch(96% 0.022 356.3) |
Accessibilité
Les meilleures paires texte et fond de Cupcake Linen, 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 |
|---|---|---|---|
| #FFECF2 sur #A88C90 | 2.72:1 | Échec | Lc -53.7 |
| #F1C6D2 sur #A88C90 | 2.02:1 | Échec | Lc -33.9 |
| #FFECF2 sur #D1A6B0 | 1.89:1 | Échec | Lc -37.3 |
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/a88c90-d1a6b0-f1c6d2-ffecf2.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.