Paleta de colores Papaya and Lemonade
Papaya and Lemonade es una paleta de 6 colores que se apoya en verdes azulados y cianes, rojos, rosados y neutros. En OKLCH, su luminosidad va del 25% (#002824, muy oscuro) al 95% (#DFF4F0, muy claro), y su color más saturado, #CA83B6, es moderadamente saturado. 3 de sus 5 colores cromáticos están en el lado cálido de la rueda cromática. 5 de sus 15 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como verano, rosados y verde azulado.
- Jet #002824
- Onyx #5D343E
- Teal #008177
- English Lavender #CA83B6
- Cherry Blossom Pink #F2B3A0
- Anti-Flash White #DFF4F0
Códigos de color
| Color | 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) |
Accesibilidad
Los mejores pares de texto y fondo de Papaya and Lemonade, según la relación de contraste WCAG 2, con el contraste de luminosidad APCA (Lc) del texto sobre su fondo.
| Par | WCAG 2 | Nivel | APCA Lc |
|---|---|---|---|
| #DFF4F0 sobre #002824 | 13.80:1 | AAA | Lc -95.0 |
| #DFF4F0 sobre #5D343E | 9.05:1 | AAA | Lc -87.7 |
| #002824 sobre #F2B3A0 | 8.83:1 | AAA | Lc 67.3 |
Visión del color
Ningún par de colores queda a menos de ΔE 0.06 de otro bajo protanopía, deuteranopía, tritanopía o acromatopsia.
Protanopía
Deuteranopía
Tritanopía
Acromatopsia
Úsala en tu código
Instala estos colores como colores de tema de Tailwind CSS v4 con shadcn: npx shadcn@latest add https://getcolors.so/r/palette/002824-5d343e-008177-ca83b6-f2b3a0-dff4f0.json.
Hazla tuya
Edita los colores, crea con ellos un sistema de color completo en modo claro y oscuro, o míralos en una interfaz real.