#879B89 Color (Hex and RGB)
#879B89
#879b89 has RGB values (135, 155, 137). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #879B89 | R87G9BB89 | |
| RGB | rgb(135 155 137) | R135G155B137 | |
| HSL | hsl(126 9% 57%) | H126°S9%L57% | |
| OKLCH | oklch(67% 0.03 148) | L0.67C0.03H148° | |
| HSV | hsv(126, 13%, 61%) | H126°S13%V61% | |
| CMYK | cmyk(13%, 0%, 12%, 39%) | C13%M0%Y12%K39% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10000111 | 10011011 | 10001001 |
| Octal | 207 | 233 | 211 |
| Decimal | 135 | 155 | 137 |
| Hex | 87 | 9b | 89 |
Shades & tints
Shades mix #879B89 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #879B890%
- #7C8E7D9%
- #70817217%
- #65736626%
- #59665A34%
- #4E594F43%
- #424C4351%
- #373F3759%
- #2B322C68%
- #20242077%
- #14171585%
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
#879B89 on #FFFFFF
2.97:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#879B89 on #000000
7.08:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #879B89
2.97:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #879B89
7.08:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #879b89; - Background
background-color: #879b89; - CSS variable
--color-879b89: #879b89; - Modern CSS
color: oklch(67% 0.03 148); - SCSS
$color-879b89: #879b89; - Tailwind
bg-[#879b89] text-[#879b89] - HTML
<div style="background-color: #879b89"></div>