Paleta de colores Birch and Moss
Birch and Moss es una paleta de 5 colores que se apoya en rojos y naranjas. En OKLCH, su luminosidad va del 25% (#410C17, oscuro) al 91% (#FFD8BB, muy claro), y su color más saturado, #A86756, es moderadamente saturado. 5 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, degradados, rojos, naranjas y aptos para daltonismo.
- Jet #410C17
- Auburn #753734
- Tiger's Eye #A86756
- Sweet Salmon #DB9B7C
- Champagne #FFD8BB
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #410C17 | rgb(65, 12, 23) | hsl(348, 69%, 15%) | oklch(25.4% 0.081 13.2) |
| Auburn | #753734 | rgb(117, 55, 52) | hsl(3, 38%, 33%) | oklch(41.8% 0.088 24.4) |
| Tiger's Eye | #A86756 | rgb(168, 103, 86) | hsl(12, 32%, 50%) | oklch(58.1% 0.088 35.4) |
| Sweet Salmon | #DB9B7C | rgb(219, 155, 124) | hsl(20, 57%, 67%) | oklch(74.4% 0.088 46.8) |
| Champagne | #FFD8BB | rgb(255, 216, 187) | hsl(26, 100%, 87%) | oklch(90.8% 0.058 58.6) |
Accesibilidad
Los mejores pares de texto y fondo de Birch and Moss, 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 |
|---|---|---|---|
| #FFD8BB sobre #410C17 | 12.24:1 | AAA | Lc -84.8 |
| #410C17 sobre #DB9B7C | 6.97:1 | AA | Lc 54.6 |
| #FFD8BB sobre #753734 | 6.71:1 | AA | Lc -74.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. 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/410c17-753734-a86756-db9b7c-ffd8bb.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.