#84754E Color (Hex and RGB)
#84754E
#84754e has RGB values (132, 117, 78). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #84754E | R84G75B4E | |
| RGB | rgb(132 117 78) | R132G117B78 | |
| HSL | hsl(43 26% 41%) | H43°S26%L41% | |
| OKLCH | oklch(57% 0.06 89) | L0.57C0.06H89° | |
| HSV | hsv(43, 41%, 52%) | H43°S41%V52% | |
| CMYK | cmyk(0%, 11%, 41%, 48%) | C0%M11%Y41%K48% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10000100 | 01110101 | 01001110 |
| Octal | 204 | 165 | 116 |
| Decimal | 132 | 117 | 78 |
| Hex | 84 | 75 | 4e |
Shades & tints
Shades mix #84754E with black; tints mix it with white. Click any swatch to explore it.
Shades
- #84754E0%
- #796B479%
- #6E614117%
- #62573A26%
- #574D3334%
- #4C432D43%
- #41392651%
- #352F2059%
- #2A251968%
- #1F1B1277%
- #14120C85%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#84754E on #FFFFFF
4.53:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#84754E on #000000
4.64:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #84754E
4.53:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #84754E
4.64:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #84754e; - Background
background-color: #84754e; - CSS variable
--color-84754e: #84754e; - Modern CSS
color: oklch(57% 0.06 89); - SCSS
$color-84754e: #84754e; - Tailwind
bg-[#84754e] text-[#84754e] - HTML
<div style="background-color: #84754e"></div>