Palette de couleurs Papaya and Lemonade
Papaya and Lemonade est une palette de 6 couleurs qui puise dans les turquoises et cyans, rouges, roses et neutres. En OKLCH, sa luminosité va de 25 % (#002824, très foncé) à 95 % (#DFF4F0, très clair), et sa couleur la plus saturée, #CA83B6, est moyennement saturé. 3 de ses 5 couleurs chromatiques se situent du côté chaud du cercle chromatique. 5 de ses 15 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : été, roses et bleu-vert.
- Jet #002824
- Onyx #5D343E
- Teal #008177
- English Lavender #CA83B6
- Cherry Blossom Pink #F2B3A0
- Anti-Flash White #DFF4F0
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #002824 | rgb(0, 40, 36) | hsl(174, 100%, 8%) | oklch(24.9% 0.044 184.8) |
| Onyx | #5D343E | rgb(93, 52, 62) | hsl(345, 28%, 28%) | oklch(37.9% 0.06 4.6) |
| Teal | #008177 | rgb(0, 129, 119) | hsl(175, 100%, 25%) | oklch(54.3% 0.095 185.4) |
| English Lavender | #CA83B6 | rgb(202, 131, 182) | hsl(317, 40%, 65%) | oklch(69.9% 0.109 337.8) |
| Cherry Blossom Pink | #F2B3A0 | rgb(242, 179, 160) | hsl(14, 76%, 79%) | oklch(82% 0.079 37.5) |
| Anti-Flash White | #DFF4F0 | rgb(223, 244, 240) | hsl(169, 49%, 92%) | oklch(95.1% 0.023 183.2) |
Accessibilité
Les meilleures paires texte et fond de Papaya and Lemonade, 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 |
|---|---|---|---|
| #DFF4F0 sur #002824 | 13.80:1 | AAA | Lc -95.0 |
| #DFF4F0 sur #5D343E | 9.05:1 | AAA | Lc -87.7 |
| #002824 sur #F2B3A0 | 8.83:1 | AAA | Lc 67.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/002824-5d343e-008177-ca83b6-f2b3a0-dff4f0.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.