Warna bernama · #8E7E67
Barrel Stove
Barrel Stove adalah #8E7E67: rgb(142 126 103), hsl(35 16% 48%), oklch(0.601 0.039 76.8). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Barrel Stove color name →
#8E7E67
oklch(0.601 0.039 76.8)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 998A75
- A49784
- AFA392
- BAB0A1
- C5BDB0
- D1CAC0
- DCD7CF
- E8E4DF
- F3F1EF
Shade
- 7B6D59
- 685C4B
- 564C3D
- 443C30
- 342D23
- 241F17
- 15110C
- 070504
- 010100
Tone
- 8D7E6A
- 8B7E6C
- 8A7F6F
- 887F71
- 877F74
- 867F76
- 848079
- 83807B
- 81807E
Harmoni warna
Komplementer +180°
- 8E7E67
Barrel Stove
- 728298
≈ Stonewash
Analog -30° +30°
- 8E7E67
Barrel Stove
- 957A6D
≈ Buffalo Soldier
- 838368
≈ Green Scene
Triadik +120° +240°
- 8E7E67
Barrel Stove
- 668888
≈ Tasmanian Sea
- 8A7A90
≈ Classical Violet
Split-komplementer +150° +210°
- 8E7E67
Barrel Stove
- 688693
≈ South Pacific
- 7E7E97
≈ Waterloo
Tetradik +90° +180° +270°
- 8E7E67
Barrel Stove
- 6B887C
≈ Garland
- 728298
≈ Stonewash
- 937885
≈ Muted Berry
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.93:1 · APCA Lc 67
Ag
AADi atas hitam
WCAG 5.33:1 · APCA Lc 35
Warna teks terbaik: #000000
WCAG 5.33:1 (AA) · APCA Lc 35
Contrast pairs
Cuplikan kode
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);
}