Paleta de colores Caramel Grind
Caramel Grind es una paleta de 4 colores que se apoya en neutros, marrones y naranjas. En OKLCH, su luminosidad va del 19% (#1C110D, muy oscuro) al 87% (#D9D4C9, claro), y su color más saturado, #A0522D, es moderadamente saturado. 2 de sus 2 colores cromáticos están en el lado cálido 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 café, cálidos, marrones, naranjas, apagados y aptos para daltonismo.
- Rich Navy #1C110D
- Sinopia #A0522D
- English Lavender #B88B66
- Cadet Gray #D9D4C9
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Navy | #1C110D | rgb(28, 17, 13) | hsl(16, 37%, 8%) | oklch(19.1% 0.02 40.8) |
| Sinopia | #A0522D | rgb(160, 82, 45) | hsl(19, 56%, 40%) | oklch(52.6% 0.115 44.6) |
| English Lavender | #B88B66 | rgb(184, 139, 102) | hsl(27, 37%, 56%) | oklch(67.1% 0.075 60.5) |
| Cadet Gray | #D9D4C9 | rgb(217, 212, 201) | hsl(41, 17%, 82%) | oklch(87.1% 0.016 86.4) |
Accesibilidad
Los mejores pares de texto y fondo de Caramel Grind, 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 |
|---|---|---|---|
| #1C110D sobre #D9D4C9 | 12.52:1 | AAA | Lc 80.2 |
| #1C110D sobre #B88B66 | 6.10:1 | AA | Lc 46.0 |
| #D9D4C9 sobre #A0522D | 3.80:1 | AA texto grande | Lc -55.7 |
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. 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/1c110d-a0522d-b88b66-d9d4c9.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.