Named color · #84623E
Barricade
Barricade is #84623E: rgb(132 98 62), hsl(31 36% 38%), oklch(0.523 0.067 67). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Barricade color name →
#84623E
oklch(0.523 0.067 67)
Color conversions
- HEX
- #84623e
- RGB
- rgb(132 98 62)
- HSL
- hsl(31 36% 38%)
- HWB
- hwb(31 24% 48%)
- OKLCH
- oklch(0.523 0.067 67)
- OKLab
- oklab(0.523 0.026 0.062)
- CIE Lab
- lab(44.49 10.85 26.02)
- LCH
- lch(44.49 28.19 67.4)
- CMYK
- cmyk(0% 26% 53% 48%)
Tints · Shades · Tones
Tints
- 907150
- 9C8063
- A88F75
- B49E88
- C1AE9B
- CDBEAF
- D9CEC2
- E6DED6
- F2EEEA
Shades
- 725435
- 60472B
- 4F3A23
- 3F2D1A
- 2F2112
- 20160A
- 120B04
- 060301
- 010000
Tones
- 846545
- 84684C
- 836B53
- 836E59
- 837160
- 827467
- 82776D
- 817A73
- 817D7A
Color harmonies
Complementary +180°
- 84623E
Barricade
- 496D8F
≈ Sailor’s Bay
Analogous -30° +30°
- 84623E
Barricade
- 8C5C4E
≈ Red Curry
- 746A3B
≈ Sphagnum Moss
Triadic +120° +240°
- 84623E
Barricade
- 357670
≈ Myrtle Green
- 745F88
≈ Mystical Purple
Split-complementary +150° +210°
- 84623E
Barricade
- 367383
≈ Oceanic Metropolis
- 606691
≈ Twilight Purple
Tetradic +90° +180° +270°
- 84623E
Barricade
- 47765A
≈ Como
- 496D8F
≈ Sailor’s Bay
- 835B78
≈ Purple Gumdrop
Contrast & accessibility
Ag
AAOn white
WCAG 5.52:1 · APCA Lc 78
Ag
FailOn black
WCAG 3.79:1 · APCA Lc 24
Best text color: #FFFFFF
WCAG 5.52:1 (AA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--barricade: #84623e;
--barricade-rgb: 132 98 62;
--barricade-oklch: oklch(0.523 0.067 67);
}
.element {
color: var(--barricade);
background-color: hsl(31 36% 38%);
border-color: oklch(0.523 0.067 67);
}Tailwind CSS v4
@theme {
--color-barricade: #84623e;
--color-barricade-50: #fff2e1;
--color-barricade-100: #f7e4d0;
--color-barricade-200: #e8d0b6;
--color-barricade-300: #cfb293;
--color-barricade-400: #ba9774;
--color-barricade-500: #a57e55;
--color-barricade-600: #8b6a48;
--color-barricade-700: #6f5539;
--color-barricade-800: #533e29;
--color-barricade-900: #3a2a1b;
--color-barricade-950: #24180c;
}SCSS
$barricade: #84623e;
$barricade-rgb: 132, 98, 62;
$barricade-light: mix(#fff, $barricade, 20%);
$barricade-dark: mix(#000, $barricade, 20%);
.element {
color: $barricade;
box-shadow: 0 0 0 2px rgba($barricade, 0.35);
}