Named color · #BE9E48
Underbrush
Underbrush is #BE9E48: rgb(190 158 72), hsl(44 48% 51%), oklch(0.711 0.111 88.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Underbrush color name →
#BE9E48
oklch(0.711 0.111 88.9)
Color conversions
- HEX
- #be9e48
- RGB
- rgb(190 158 72)
- HSL
- hsl(44 48% 51%)
- HWB
- hwb(44 28% 25%)
- OKLCH
- oklch(0.711 0.111 88.9)
- OKLab
- oklab(0.711 0.002 0.111)
- CIE Lab
- lab(66.79 4.98 48.39)
- LCH
- lch(66.79 48.65 84.1)
- CMYK
- cmyk(0% 17% 62% 25%)
Tints · Shades · Tones
Tints
- C4A85D
- CBB170
- D1BB83
- D8C595
- DECEA7
- E5D8B8
- EBE2CA
- F2ECDC
- F8F5ED
Shades
- A5893D
- 8C7433
- 756029
- 5E4D1F
- 483A16
- 33290D
- 1F1806
- 0D0902
- 020100
Tones
- B89B50
- B19858
- AB955E
- A59364
- 9F906A
- 988D6F
- 928973
- 8C8678
- 86837C
Color harmonies
Complementary +180°
- BE9E48
Underbrush
- 859FE8
≈ Portage
Analogous -30° +30°
- BE9E48
Underbrush
- D59057
≈ Whiskey Sour
- 9AAC58
≈ Springtide Melodies
Triadic +120° +240°
- BE9E48
Underbrush
- 31B5C7
≈ Utopia Beckons
- C888C4
≈ Dragonflies
Split-complementary +150° +210°
- BE9E48
Underbrush
- 59ABE0
≈ Acapulco Dive
- AB92DE
≈ Middy’s Purple
Tetradic +90° +180° +270°
- BE9E48
Underbrush
- 3FB8A3
≈ Capture
- 859FE8
≈ Portage
- DA84A0
≈ Sweet Chrysanthemum
Contrast & accessibility
Ag
FailOn white
WCAG 2.56:1 · APCA Lc 50
Ag
AAAOn black
WCAG 8.17:1 · APCA Lc 52
Best text color: #000000
WCAG 8.17:1 (AAA) · APCA Lc 52
Contrast pairs
Code snippets
CSS
:root {
--underbrush: #be9e48;
--underbrush-rgb: 190 158 72;
--underbrush-oklch: oklch(0.711 0.111 88.9);
}
.element {
color: var(--underbrush);
background-color: hsl(44 48% 51%);
border-color: oklch(0.711 0.111 88.9);
}Tailwind CSS v4
@theme {
--color-underbrush: #be9e48;
--color-underbrush-50: #fff5d2;
--color-underbrush-100: #f6e7be;
--color-underbrush-200: #e6d39e;
--color-underbrush-300: #cdb674;
--color-underbrush-400: #b99b4b;
--color-underbrush-500: #a48111;
--color-underbrush-600: #8b6d14;
--color-underbrush-700: #6f5811;
--color-underbrush-800: #533f09;
--color-underbrush-900: #3a2c06;
--color-underbrush-950: #241900;
}SCSS
$underbrush: #be9e48;
$underbrush-rgb: 190, 158, 72;
$underbrush-light: mix(#fff, $underbrush, 20%);
$underbrush-dark: mix(#000, $underbrush, 20%);
.element {
color: $underbrush;
box-shadow: 0 0 0 2px rgba($underbrush, 0.35);
}