Palette de couleurs Cupcake Box
Cupcake Box est une palette de 4 couleurs qui puise dans les rouges, turquoises et cyans et neutres. En OKLCH, sa luminosité va de 68 % (#AF9087, moyennement clair) à 96 % (#FFECE6, très clair), et sa couleur la plus saturée, #E5B0A1, est atténué. 2 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, roses et bleu-vert.
- English Lavender #AF9087
- Cherry Blossom Pink #E5B0A1
- Celeste #A1DDEF
- Apricot #FFECE6
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| English Lavender | #AF9087 | rgb(175, 144, 135) | hsl(13, 20%, 61%) | oklch(67.9% 0.04 36.8) |
| Cherry Blossom Pink | #E5B0A1 | rgb(229, 176, 161) | hsl(13, 57%, 76%) | oklch(80.2% 0.066 36.4) |
| Celeste | #A1DDEF | rgb(161, 221, 239) | hsl(194, 71%, 78%) | oklch(86.3% 0.066 218.3) |
| Apricot | #FFECE6 | rgb(255, 236, 230) | hsl(14, 100%, 95%) | oklch(95.7% 0.022 38.3) |
Accessibilité
Les meilleures paires texte et fond de Cupcake Box, 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 |
|---|---|---|---|
| #FFECE6 sur #AF9087 | 2.57:1 | Échec | Lc -51.1 |
| #A1DDEF sur #AF9087 | 1.97:1 | Échec | Lc -33.5 |
| #FFECE6 sur #E5B0A1 | 1.66:1 | Échec | Lc -30.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/af9087-e5b0a1-a1ddef-ffece6.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.