Paleta de colores Terracotta Garden
Terracotta Garden es una paleta de 5 colores que se apoya en rojos, naranjas y neutros. En OKLCH, su luminosidad va del 28% (#441428, oscuro) al 95% (#FFE7E7, muy claro), y su color más saturado, #893F27, es moderadamente saturado. 4 de sus 4 colores cromáticos están en el lado cálido de la rueda cromática. 3 de sus 10 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como terrosos, cálidos, rojos y tranquilos.
- Jet #441428
- Auburn #893F27
- English Lavender #A97F5F
- Earth Yellow #D0AF79
- Apricot #FFE7E7
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #441428 | rgb(68, 20, 40) | hsl(335, 55%, 17%) | oklch(27.6% 0.077 357.6) |
| Auburn | #893F27 | rgb(137, 63, 39) | hsl(15, 56%, 35%) | oklch(46% 0.108 38.4) |
| English Lavender | #A97F5F | rgb(169, 127, 95) | hsl(26, 30%, 52%) | oklch(63% 0.069 58.4) |
| Earth Yellow | #D0AF79 | rgb(208, 175, 121) | hsl(37, 48%, 65%) | oklch(77.1% 0.08 79.4) |
| Apricot | #FFE7E7 | rgb(255, 231, 231) | hsl(0, 100%, 95%) | oklch(94.7% 0.026 17.6) |
Accesibilidad
Los mejores pares de texto y fondo de Terracotta Garden, 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 |
|---|---|---|---|
| #FFE7E7 sobre #441428 | 12.96:1 | AAA | Lc -92.4 |
| #441428 sobre #D0AF79 | 7.33:1 | AAA | Lc 59.0 |
| #FFE7E7 sobre #893F27 | 6.36:1 | AA | Lc -78.2 |
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/441428-893f27-a97f5f-d0af79-ffe7e7.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.