Paleta de colores Ember Burn
Ember Burn 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, #A33B70, es vívido. 3 de sus 5 colores cromáticos están en el lado cálido de la rueda cromática. 4 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 morados.
- Oxford Blue #2B1B3D
- Purple #5B2A63
- Auburn #A33B70
- Sweet Salmon #F2845C
- 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) |
| Purple | #5B2A63 | rgb(91, 42, 99) | hsl(292, 40%, 28%) | oklch(37.6% 0.108 321.8) |
| Auburn | #A33B70 | rgb(163, 59, 112) | hsl(329, 47%, 44%) | oklch(51.4% 0.148 352) |
| Sweet Salmon | #F2845C | rgb(242, 132, 92) | hsl(16, 85%, 65%) | oklch(72.7% 0.146 40.4) |
| 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 Ember Burn, 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 |
| #FFF1D6 sobre #5B2A63 | 9.61:1 | AAA | Lc -90.1 |
| #2B1B3D sobre #F2845C | 6.20:1 | AA | Lc 51.1 |
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-5b2a63-a33b70-f2845c-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.