Paleta de colores Acorn and Bark
Acorn and Bark es una paleta de 5 colores que se apoya en marrones, verdes, rojos, amarillos y naranjas. En OKLCH, su luminosidad va del 25% (#371807, oscuro) al 93% (#FBE6C6, muy claro), y su color más saturado, #BCAC6C, es moderadamente saturado. 4 de sus 5 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 bosque, terrosos, amarillos, cálidos y tranquilos.
- Jet #371807
- Dim Gray #33532B
- English Lavender #A66B5F
- Earth Yellow #BCAC6C
- Champagne #FBE6C6
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #371807 | rgb(55, 24, 7) | hsl(21, 77%, 12%) | oklch(25.1% 0.056 47.3) |
| Dim Gray | #33532B | rgb(51, 83, 43) | hsl(108, 32%, 25%) | oklch(40.6% 0.074 139.5) |
| English Lavender | #A66B5F | rgb(166, 107, 95) | hsl(10, 29%, 51%) | oklch(58.8% 0.078 32.1) |
| Earth Yellow | #BCAC6C | rgb(188, 172, 108) | hsl(48, 37%, 58%) | oklch(74.3% 0.086 95.8) |
| Champagne | #FBE6C6 | rgb(251, 230, 198) | hsl(36, 87%, 88%) | oklch(93.4% 0.048 78.4) |
Accesibilidad
Los mejores pares de texto y fondo de Acorn and Bark, 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 |
|---|---|---|---|
| #FBE6C6 sobre #371807 | 13.30:1 | AAA | Lc -90.9 |
| #FBE6C6 sobre #33532B | 7.14:1 | AAA | Lc -79.7 |
| #371807 sobre #BCAC6C | 7.14:1 | AAA | Lc 56.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/371807-33532b-a66b5f-bcac6c-fbe6c6.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.