Paleta de colores Persimmon Skyline
Persimmon Skyline es una paleta de 5 colores que se apoya en morados, rojos y naranjas. En OKLCH, su luminosidad va del 26% (#2B1B3D, oscuro) al 96% (#FFF1D6, muy claro), y su color más saturado, #E0525C, es vívido. 4 de sus 5 colores cromáticos están en el lado cálido de la rueda cromática. 3 de sus 10 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como atardecer, cálidos y rojos.
- Oxford Blue #2B1B3D
- Auburn #A33B70
- Imperial Red #E0525C
- Sandy Brown #F8B26A
- Cornsilk #FFF1D6
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Oxford Blue | #2B1B3D | rgb(43, 27, 61) | hsl(268, 39%, 17%) | oklch(26% 0.064 304) |
| Auburn | #A33B70 | rgb(163, 59, 112) | hsl(329, 47%, 44%) | oklch(51.4% 0.148 352) |
| Imperial Red | #E0525C | rgb(224, 82, 92) | hsl(356, 70%, 60%) | oklch(63.1% 0.177 19.7) |
| Sandy Brown | #F8B26A | rgb(248, 178, 106) | hsl(30, 91%, 69%) | oklch(81.5% 0.121 65.5) |
| Cornsilk | #FFF1D6 | rgb(255, 241, 214) | hsl(40, 100%, 92%) | oklch(96.2% 0.038 83.8) |
Accesibilidad
Los mejores pares de texto y fondo de Persimmon Skyline, 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 |
|---|---|---|---|
| #FFF1D6 sobre #2B1B3D | 14.17:1 | AAA | Lc -96.9 |
| #2B1B3D sobre #F8B26A | 8.72:1 | AAA | Lc 66.8 |
| #FFF1D6 sobre #A33B70 | 5.50:1 | AA | Lc -76.8 |
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/2b1b3d-a33b70-e0525c-f8b26a-fff1d6.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.