Colore con nome · #715636
Oak Barrel
Oak Barrel è #715636: rgb(113 86 54), hsl(33 35% 33%), oklch(0.473 0.059 70.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Oak Barrel color name →
#715636
oklch(0.473 0.059 70.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 7E6649
- 8C755C
- 9A866F
- A89682
- B6A796
- C4B8AA
- D3C9BF
- E1DBD4
- F0EDE9
Ombre
- 614A2E
- 523E25
- 43321E
- 352716
- 271C0F
- 1A1208
- 0E0803
- 040201
- 010000
Toni
- 735A3E
- 745E45
- 76634D
- 776754
- 796B5B
- 7A6F63
- 7C736A
- 7D7871
- 7F7C79
Armonie di colore
Complementare +180°
- 715636
Oak Barrel
- 425E7C
≈ Parlour Blue
Analogo -30° +30°
- 715636
Oak Barrel
- 785042
≈ Toasted Pecan
- 635D35
≈ Basque Green
Triadico +120° +240°
- 715636
Oak Barrel
- 2F6663
≈ Dusky Alpine Blue
- 665275
≈ Exotic Purple
Complementare divisa +150° +210°
- 715636
Oak Barrel
- 326373
≈ Atlantis
- 55587C
≈ Blue Glaze
Tetradico +90° +180° +270°
- 715636
Oak Barrel
- 3D6651
≈ Serbian Green
- 425E7C
≈ Parlour Blue
- 724F66
≈ Radicchio
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.80:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.08:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.80:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
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);
}