Paleta de colores Jack Feast
Jack Feast es una paleta de 5 colores que se apoya en morados, rojos y naranjas. En OKLCH, su luminosidad va del 21% (#200D30, muy oscuro) al 92% (#F4E3C3, muy claro), y su color más saturado, #E4570E, 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 halloween, rojos, cálidos y aptos para daltonismo.
- Rich Black #200D30
- Prussian Blue #4B2A6B
- Maroon #90001A
- Orange Pant #E4570E
- Champagne #F4E3C3
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #200D30 | rgb(32, 13, 48) | hsl(273, 57%, 12%) | oklch(20.9% 0.068 306.4) |
| Prussian Blue | #4B2A6B | rgb(75, 42, 107) | hsl(270, 44%, 29%) | oklch(36% 0.111 304.9) |
| Maroon | #90001A | rgb(144, 0, 26) | hsl(349, 100%, 28%) | oklch(41.2% 0.166 23) |
| Orange Pant | #E4570E | rgb(228, 87, 14) | hsl(20, 88%, 47%) | oklch(63.5% 0.189 41.4) |
| Champagne | #F4E3C3 | rgb(244, 227, 195) | hsl(39, 69%, 86%) | oklch(92.1% 0.046 83.3) |
Accesibilidad
Los mejores pares de texto y fondo de Jack Feast, 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 |
|---|---|---|---|
| #F4E3C3 sobre #200D30 | 14.31:1 | AAA | Lc -89.8 |
| #F4E3C3 sobre #4B2A6B | 9.02:1 | AAA | Lc -82.7 |
| #F4E3C3 sobre #90001A | 7.55:1 | AAA | Lc -77.1 |
Visión del color
1 par de colores quedan a menos de ΔE 0.06 entre sí en al menos una simulación. Está etiquetada como apta para daltonismo: todos los pares quedan al menos a ΔE 0.14.
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/200d30-4b2a6b-90001a-e4570e-f4e3c3.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.