#828A87 Color (Hex and RGB)
#828A87
#828a87 has RGB values (130, 138, 135). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #828A87 | R82G8AB87 | |
| RGB | rgb(130 138 135) | R130G138B135 | |
| HSL | hsl(158 3% 53%) | H158°S3%L53% | |
| OKLCH | oklch(63% 0.01 172) | L0.63C0.01H172° | |
| HSV | hsv(158, 6%, 54%) | H158°S6%V54% | |
| CMYK | cmyk(6%, 0%, 2%, 46%) | C6%M0%Y2%K46% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10000010 | 10001010 | 10000111 |
| Octal | 202 | 212 | 207 |
| Decimal | 130 | 138 | 135 |
| Hex | 82 | 8a | 87 |
Shades & tints
Shades mix #828A87 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #828A870%
- #777E7C9%
- #6C737017%
- #61676526%
- #565B5934%
- #4B4F4E43%
- #40444251%
- #35383759%
- #2A2C2B68%
- #1F202077%
- #14151485%
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
#828A87 on #FFFFFF
3.54:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#828A87 on #000000
5.93:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #828A87
3.54:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #828A87
5.93:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #828a87; - Background
background-color: #828a87; - CSS variable
--color-828a87: #828a87; - Modern CSS
color: oklch(63% 0.01 172); - SCSS
$color-828a87: #828a87; - Tailwind
bg-[#828a87] text-[#828a87] - HTML
<div style="background-color: #828a87"></div>