Benannte Farbe · #8E7E67
Barrel Stove
Barrel Stove ist #8E7E67: rgb(142 126 103), hsl(35 16% 48%), oklch(0.601 0.039 76.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Barrel Stove color name →
#8E7E67
oklch(0.601 0.039 76.8)
Farbumrechnungen
- HEX
- #8e7e67
- RGB
- rgb(142 126 103)
- HSL
- hsl(35 16% 48%)
- HWB
- hwb(35 40% 44%)
- OKLCH
- oklch(0.601 0.039 76.8)
- OKLab
- oklab(0.601 0.009 0.038)
- CIE Lab
- lab(53.81 3.55 14.93)
- LCH
- lch(53.81 15.35 76.6)
- CMYK
- cmyk(0% 11% 27% 44%)
Tints · Shades · Tones
Tints
- 998A75
- A49784
- AFA392
- BAB0A1
- C5BDB0
- D1CAC0
- DCD7CF
- E8E4DF
- F3F1EF
Shades
- 7B6D59
- 685C4B
- 564C3D
- 443C30
- 342D23
- 241F17
- 15110C
- 070504
- 010100
Tones
- 8D7E6A
- 8B7E6C
- 8A7F6F
- 887F71
- 877F74
- 867F76
- 848079
- 83807B
- 81807E
Farbharmonien
Komplementär +180°
- 8E7E67
Barrel Stove
- 728298
≈ Stonewash
Analog -30° +30°
- 8E7E67
Barrel Stove
- 957A6D
≈ Buffalo Soldier
- 838368
≈ Green Scene
Triadisch +120° +240°
- 8E7E67
Barrel Stove
- 668888
≈ Tasmanian Sea
- 8A7A90
≈ Classical Violet
Geteilt komplementär +150° +210°
- 8E7E67
Barrel Stove
- 688693
≈ South Pacific
- 7E7E97
≈ Waterloo
Tetradisch +90° +180° +270°
- 8E7E67
Barrel Stove
- 6B887C
≈ Garland
- 728298
≈ Stonewash
- 937885
≈ Muted Berry
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.93:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.33:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.33:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--barrel-stove: #8e7e67;
--barrel-stove-rgb: 142 126 103;
--barrel-stove-oklch: oklch(0.601 0.039 76.8);
}
.element {
color: var(--barrel-stove);
background-color: hsl(35 16% 48%);
border-color: oklch(0.601 0.039 76.8);
}Tailwind CSS v4
@theme {
--color-barrel-stove: #8e7e67;
--color-barrel-stove-50: #fbf4e9;
--color-barrel-stove-100: #efe7da;
--color-barrel-stove-200: #ddd3c2;
--color-barrel-stove-300: #c2b6a2;
--color-barrel-stove-400: #ac9c85;
--color-barrel-stove-500: #95836a;
--color-barrel-stove-600: #7e6f5a;
--color-barrel-stove-700: #655947;
--color-barrel-stove-800: #4a4134;
--color-barrel-stove-900: #342d23;
--color-barrel-stove-950: #1f1a12;
}SCSS
$barrel-stove: #8e7e67;
$barrel-stove-rgb: 142, 126, 103;
$barrel-stove-light: mix(#fff, $barrel-stove, 20%);
$barrel-stove-dark: mix(#000, $barrel-stove, 20%);
.element {
color: $barrel-stove;
box-shadow: 0 0 0 2px rgba($barrel-stove, 0.35);
}