Color con nombre · #B59B7E
Wooded Acre
Wooded Acre es #B59B7E: rgb(181 155 126), hsl(32 27% 60%), oklch(0.705 0.051 69.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Wooded Acre color name →
#B59B7E
oklch(0.705 0.051 69.9)
Conversiones de color
- HEX
- #b59b7e
- RGB
- rgb(181 155 126)
- HSL
- hsl(32 27% 60%)
- HWB
- hwb(32 49% 29%)
- OKLCH
- oklch(0.705 0.051 69.9)
- OKLab
- oklab(0.705 0.017 0.048)
- CIE Lab
- lab(65.78 6.71 19.01)
- LCH
- lch(65.78 20.16 70.6)
- CMYK
- cmyk(0% 14% 30% 29%)
Tintes · Sombras · Tonos
Tintes
- BCA58A
- C4AE97
- CBB8A4
- D2C2B0
- DACCBD
- E1D6CA
- E9E0D7
- F0EAE4
- F8F5F2
Sombras
- 9D866D
- 86725C
- 6F5E4C
- 594B3C
- 44392D
- 30281F
- 1D1811
- 0C0905
- 020101
Tonos
- B0987E
- AA967F
- A5937F
- A0907F
- 9A8E80
- 958B80
- 908880
- 8B8580
- 858380
Armonías de color
Complementario +180°
- B59B7E
Wooded Acre
- 88A3BF
≈ Windy City
Análogo -30° +30°
- B59B7E
Wooded Acre
- BD9688
≈ Spiced Brandy
- A7A17D
≈ Hillary
Triádico +120° +240°
- B59B7E
Wooded Acre
- 7BABA7
≈ Solution
- AA98B8
≈ Purple Springs
Complementario dividido +150° +210°
- B59B7E
Wooded Acre
- 7DA8B6
≈ Winter Twilight
- 999DC0
≈ Midnight Blush
Tetrádico +90° +180° +270°
- B59B7E
Wooded Acre
- 85AA95
≈ Catnip
- 88A3BF
≈ Windy City
- B694AA
≈ Bed of Roses
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.63:1 · APCA Lc 51
Ag
AAASobre negro
WCAG 7.95:1 · APCA Lc 50
Mejor color de texto: #000000
WCAG 7.95:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmentos de código
CSS
:root {
--wooded-acre: #b59b7e;
--wooded-acre-rgb: 181 155 126;
--wooded-acre-oklch: oklch(0.705 0.051 69.9);
}
.element {
color: var(--wooded-acre);
background-color: hsl(32 27% 60%);
border-color: oklch(0.705 0.051 69.9);
}Tailwind CSS v4
@theme {
--color-wooded-acre: #b59b7e;
--color-wooded-acre-50: #fff3e6;
--color-wooded-acre-100: #f3e6d6;
--color-wooded-acre-200: #e2d1bd;
--color-wooded-acre-300: #c8b49c;
--color-wooded-acre-400: #b29a7e;
--color-wooded-acre-500: #9c8161;
--color-wooded-acre-600: #846d53;
--color-wooded-acre-700: #6a5742;
--color-wooded-acre-800: #4e3f2f;
--color-wooded-acre-900: #362c20;
--color-wooded-acre-950: #211910;
}SCSS
$wooded-acre: #b59b7e;
$wooded-acre-rgb: 181, 155, 126;
$wooded-acre-light: mix(#fff, $wooded-acre, 20%);
$wooded-acre-dark: mix(#000, $wooded-acre, 20%);
.element {
color: $wooded-acre;
box-shadow: 0 0 0 2px rgba($wooded-acre, 0.35);
}