Paleta de colores Fig and Clay
Fig and Clay es una paleta de 5 colores que se apoya en neutros, rojos y naranjas. En OKLCH, su luminosidad va del 31% (#3B2A2F, oscuro) al 93% (#F3E6D3, muy claro), y su color más saturado, #B9785C, es moderadamente saturado. 3 de sus 3 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, vintage, marrones y naturaleza.
- Space Cadet #3B2A2F
- Dusty Grape #7A4B4F
- Tiger's Eye #B9785C
- Pale Oak #E0B893
- Champagne #F3E6D3
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Space Cadet | #3B2A2F | rgb(59, 42, 47) | hsl(342, 17%, 20%) | oklch(30.7% 0.027 359.4) |
| Dusty Grape | #7A4B4F | rgb(122, 75, 79) | hsl(355, 24%, 39%) | oklch(46.8% 0.064 14.3) |
| Tiger's Eye | #B9785C | rgb(185, 120, 92) | hsl(18, 40%, 54%) | oklch(63.4% 0.091 44) |
| Pale Oak | #E0B893 | rgb(224, 184, 147) | hsl(29, 55%, 73%) | oklch(80.9% 0.068 64.4) |
| Champagne | #F3E6D3 | rgb(243, 230, 211) | hsl(36, 57%, 89%) | oklch(93% 0.029 77.5) |
Accesibilidad
Los mejores pares de texto y fondo de Fig and Clay, 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 |
|---|---|---|---|
| #F3E6D3 sobre #3B2A2F | 10.96:1 | AAA | Lc -87.8 |
| #E0B893 sobre #3B2A2F | 7.35:1 | AAA | Lc -63.4 |
| #F3E6D3 sobre #7A4B4F | 5.79:1 | AA | Lc -74.3 |
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/3b2a2f-7a4b4f-b9785c-e0b893-f3e6d3.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.