#887D59 Color (Hex and RGB)
#887D59
#887d59 has RGB values (136, 125, 89). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #887D59 | R88G7DB59 | |
| RGB | rgb(136 125 89) | R136G125B89 | |
| HSL | hsl(46 21% 44%) | H46°S21%L44% | |
| OKLCH | oklch(59% 0.05 93) | L0.59C0.05H93° | |
| HSV | hsv(46, 35%, 53%) | H46°S35%V53% | |
| CMYK | cmyk(0%, 8%, 35%, 47%) | C0%M8%Y35%K47% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10001000 | 01111101 | 01011001 |
| Octal | 210 | 175 | 131 |
| Decimal | 136 | 125 | 89 |
| Hex | 88 | 7d | 59 |
Shades & tints
Shades mix #887D59 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #887D590%
- #7C72519%
- #71684A17%
- #655D4226%
- #5A533B34%
- #4E483343%
- #433D2C51%
- #37332459%
- #2C281C68%
- #201D1577%
- #14130D85%
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
#887D59 on #FFFFFF
4.10:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#887D59 on #000000
5.12:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #887D59
4.10:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #887D59
5.12:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #887d59; - Background
background-color: #887d59; - CSS variable
--color-887d59: #887d59; - Modern CSS
color: oklch(59% 0.05 93); - SCSS
$color-887d59: #887d59; - Tailwind
bg-[#887d59] text-[#887d59] - HTML
<div style="background-color: #887d59"></div>