Paleta de colores Chrome and Cadillac
Chrome and Cadillac es una paleta de 4 colores que se apoya en verdes azulados y cianes, rojos y naranjas. En OKLCH, su luminosidad va del 40% (#1F4E5F, oscuro) al 92% (#F2E3C6, muy claro), y su color más saturado, #A63A2A, es vívido. Sus colores cromáticos se reparten por igual entre el lado cálido y el frío de la rueda cromática. 2 de sus 6 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como retro, vintage, rojos y verde azulado.
- Charcoal #1F4E5F
- Rufous #A63A2A
- Teal Green #3F8E8A
- Champagne #F2E3C6
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Charcoal | #1F4E5F | rgb(31, 78, 95) | hsl(196, 51%, 25%) | oklch(39.9% 0.058 225) |
| Rufous | #A63A2A | rgb(166, 58, 42) | hsl(8, 60%, 41%) | oklch(50% 0.146 31.1) |
| Teal Green | #3F8E8A | rgb(63, 142, 138) | hsl(177, 39%, 40%) | oklch(59.7% 0.077 190.8) |
| Champagne | #F2E3C6 | rgb(242, 227, 198) | hsl(40, 63%, 86%) | oklch(92% 0.042 83.9) |
Accesibilidad
Los mejores pares de texto y fondo de Chrome and Cadillac, 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 |
|---|---|---|---|
| #F2E3C6 sobre #1F4E5F | 7.17:1 | AAA | Lc -77.9 |
| #F2E3C6 sobre #A63A2A | 5.09:1 | AA | Lc -69.0 |
| #F2E3C6 sobre #3F8E8A | 3.04:1 | AA texto grande | Lc -54.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/1f4e5f-a63a2a-3f8e8a-f2e3c6.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.