Paleta de colores Blush and Saffron
Blush and Saffron es una paleta de 5 colores que se apoya en morados, rojos y naranjas. En OKLCH, su luminosidad va del 31% (#3A2255, 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.
- Space Cadet #3A2255
- Imperial Red #E0525C
- Sweet Salmon #F2845C
- Light Gold #FBD38D
- Cornsilk #FFF1D6
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Space Cadet | #3A2255 | rgb(58, 34, 85) | hsl(268, 43%, 23%) | oklch(31% 0.09 303.2) |
| Imperial Red | #E0525C | rgb(224, 82, 92) | hsl(356, 70%, 60%) | oklch(63.1% 0.177 19.7) |
| Sweet Salmon | #F2845C | rgb(242, 132, 92) | hsl(16, 85%, 65%) | oklch(72.7% 0.146 40.4) |
| Light Gold | #FBD38D | rgb(251, 211, 141) | hsl(38, 93%, 77%) | oklch(88.6% 0.099 80.9) |
| 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 Blush and Saffron, 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 #3A2255 | 12.21:1 | AAA | Lc -94.7 |
| #FBD38D sobre #3A2255 | 9.61:1 | AAA | Lc -78.5 |
| #3A2255 sobre #F2845C | 5.34:1 | AA | Lc 48.4 |
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/3a2255-e0525c-f2845c-fbd38d-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.