Paleta de colores Cortado Table
Cortado Table es una paleta de 6 colores que se apoya en neutros, marrones y naranjas. En OKLCH, su luminosidad va del 8% (#050100, muy oscuro) al 91% (#EFE0C8, muy claro), y su color más saturado, #B88B66, es moderadamente saturado. 5 de sus 5 colores cromáticos están en el lado cálido de la rueda cromática. 6 de sus 15 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como café, cálidos, naranjas, marrones y apagados.
- Black #050100
- Dim Gray #5E3B2A
- Tiger's Eye #986B52
- English Lavender #B88B66
- Ash Gray #D9BC98
- Champagne #EFE0C8
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Black | #050100 | rgb(5, 1, 0) | hsl(12, 100%, 1%) | oklch(8.3% 0.022 51.2) |
| Dim Gray | #5E3B2A | rgb(94, 59, 42) | hsl(20, 38%, 27%) | oklch(38.9% 0.057 46.5) |
| Tiger's Eye | #986B52 | rgb(152, 107, 82) | hsl(21, 30%, 46%) | oklch(56.8% 0.069 50) |
| English Lavender | #B88B66 | rgb(184, 139, 102) | hsl(27, 37%, 56%) | oklch(67.1% 0.075 60.5) |
| Ash Gray | #D9BC98 | rgb(217, 188, 152) | hsl(33, 46%, 72%) | oklch(81.1% 0.059 72.9) |
| Champagne | #EFE0C8 | rgb(239, 224, 200) | hsl(37, 55%, 86%) | oklch(91.2% 0.036 79.7) |
Accesibilidad
Los mejores pares de texto y fondo de Cortado Table, 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 |
|---|---|---|---|
| #EFE0C8 sobre #050100 | 15.99:1 | AAA | Lc -89.0 |
| #050100 sobre #D9BC98 | 11.47:1 | AAA | Lc 70.2 |
| #EFE0C8 sobre #5E3B2A | 7.57:1 | AAA | Lc -77.9 |
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/050100-5e3b2a-986b52-b88b66-d9bc98-efe0c8.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.