Benannte Farbe · #8B7859
Hair Brown
Hair Brown ist #8B7859: rgb(139 120 89), hsl(37 22% 45%), oklch(0.582 0.05 79.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Hair Brown color name →
#8B7859
oklch(0.582 0.05 79.7)
Farbumrechnungen
- HEX
- #8b7859
- RGB
- rgb(139 120 89)
- HSL
- hsl(37 22% 45%)
- HWB
- hwb(37 35% 45%)
- OKLCH
- oklch(0.582 0.05 79.7)
- OKLab
- oklab(0.582 0.009 0.049)
- CIE Lab
- lab(51.63 4.09 19.93)
- LCH
- lch(51.63 20.35 78.4)
- CMYK
- cmyk(0% 14% 36% 45%)
Tints · Shades · Tones
Tints
- 968569
- A19278
- AD9F89
- B8AC99
- C4B9A9
- CFC7BA
- DBD5CB
- E7E3DC
- F3F1ED
Shades
- 78674C
- 665740
- 544834
- 433928
- 322A1D
- 231D13
- 141009
- 070503
- 010100
Tones
- 8A795D
- 897A61
- 887B65
- 877B69
- 867C6D
- 857D71
- 837E75
- 827F79
- 817F7C
Farbharmonien
Komplementär +180°
- 8B7859
Hair Brown
- 6A7C99
≈ Infinity and Beyond
Analog -30° +30°
- 8B7859
Hair Brown
- 947361
≈ Corral Brown
- 7D7E5B
≈ Tambo Tank
Triadisch +120° +240°
- 8B7859
Hair Brown
- 568487
≈ Rainier Blue
- 88728E
≈ Greyish Purple
Geteilt komplementär +150° +210°
- 8B7859
Hair Brown
- 5C8193
≈ Bountiful Blue
- 7A7697
≈ Stormy Horizon
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.26:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.92:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.92:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--hair-brown: #8b7859;
--hair-brown-rgb: 139 120 89;
--hair-brown-oklch: oklch(0.582 0.05 79.7);
}
.element {
color: var(--hair-brown);
background-color: hsl(37 22% 45%);
border-color: oklch(0.582 0.05 79.7);
}Tailwind CSS v4
@theme {
--color-hair-brown: #8b7859;
--color-hair-brown-50: #fdf4e5;
--color-hair-brown-100: #f0e7d6;
--color-hair-brown-200: #dfd3bd;
--color-hair-brown-300: #c5b59b;
--color-hair-brown-400: #ae9c7d;
--color-hair-brown-500: #988360;
--color-hair-brown-600: #816f52;
--color-hair-brown-700: #675941;
--color-hair-brown-800: #4c402f;
--color-hair-brown-900: #352c20;
--color-hair-brown-950: #20190f;
}SCSS
$hair-brown: #8b7859;
$hair-brown-rgb: 139, 120, 89;
$hair-brown-light: mix(#fff, $hair-brown, 20%);
$hair-brown-dark: mix(#000, $hair-brown, 20%);
.element {
color: $hair-brown;
box-shadow: 0 0 0 2px rgba($hair-brown, 0.35);
}