Benannte Farbe · #715636
Oak Barrel
Oak Barrel ist #715636: rgb(113 86 54), hsl(33 35% 33%), oklch(0.473 0.059 70.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Oak Barrel color name →
#715636
oklch(0.473 0.059 70.4)
Farbumrechnungen
- HEX
- #715636
- RGB
- rgb(113 86 54)
- HSL
- hsl(33 35% 33%)
- HWB
- hwb(33 21% 56%)
- OKLCH
- oklch(0.473 0.059 70.4)
- OKLab
- oklab(0.473 0.02 0.055)
- CIE Lab
- lab(38.84 8.37 23.07)
- LCH
- lch(38.84 24.55 70.1)
- CMYK
- cmyk(0% 24% 52% 56%)
Tints · Shades · Tones
Tints
- 7E6649
- 8C755C
- 9A866F
- A89682
- B6A796
- C4B8AA
- D3C9BF
- E1DBD4
- F0EDE9
Shades
- 614A2E
- 523E25
- 43321E
- 352716
- 271C0F
- 1A1208
- 0E0803
- 040201
- 010000
Tones
- 735A3E
- 745E45
- 76634D
- 776754
- 796B5B
- 7A6F63
- 7C736A
- 7D7871
- 7F7C79
Farbharmonien
Komplementär +180°
- 715636
Oak Barrel
- 425E7C
≈ Parlour Blue
Analog -30° +30°
- 715636
Oak Barrel
- 785042
≈ Toasted Pecan
- 635D35
≈ Basque Green
Triadisch +120° +240°
- 715636
Oak Barrel
- 2F6663
≈ Dusky Alpine Blue
- 665275
≈ Exotic Purple
Geteilt komplementär +150° +210°
- 715636
Oak Barrel
- 326373
≈ Atlantis
- 55587C
≈ Blue Glaze
Tetradisch +90° +180° +270°
- 715636
Oak Barrel
- 3D6651
≈ Serbian Green
- 425E7C
≈ Parlour Blue
- 724F66
≈ Radicchio
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.80:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.08:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.80:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--oak-barrel: #715636;
--oak-barrel-rgb: 113 86 54;
--oak-barrel-oklch: oklch(0.473 0.059 70.4);
}
.element {
color: var(--oak-barrel);
background-color: hsl(33 35% 33%);
border-color: oklch(0.473 0.059 70.4);
}Tailwind CSS v4
@theme {
--color-oak-barrel: #715636;
--color-oak-barrel-50: #fff3e3;
--color-oak-barrel-100: #f4e5d3;
--color-oak-barrel-200: #e4d1b9;
--color-oak-barrel-300: #cab397;
--color-oak-barrel-400: #b59979;
--color-oak-barrel-500: #9f805b;
--color-oak-barrel-600: #876c4d;
--color-oak-barrel-700: #6c563e;
--color-oak-barrel-800: #503f2c;
--color-oak-barrel-900: #382b1e;
--color-oak-barrel-950: #22180e;
}SCSS
$oak-barrel: #715636;
$oak-barrel-rgb: 113, 86, 54;
$oak-barrel-light: mix(#fff, $oak-barrel, 20%);
$oak-barrel-dark: mix(#000, $oak-barrel, 20%);
.element {
color: $oak-barrel;
box-shadow: 0 0 0 2px rgba($oak-barrel, 0.35);
}