#8F9696 Color (Hex and RGB)
#8F9696
#8f9696 has RGB values (143, 150, 150). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #8F9696 | R8FG96B96 | |
| RGB | rgb(143 150 150) | R143G150B150 | |
| HSL | hsl(180 3% 57%) | H180°S3%L57% | |
| OKLCH | oklch(67% 0.01 197) | L0.67C0.01H197° | |
| HSV | hsv(180, 5%, 59%) | H180°S5%V59% | |
| CMYK | cmyk(5%, 0%, 0%, 41%) | C5%M0%Y0%K41% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10001111 | 10010110 | 10010110 |
| Octal | 217 | 226 | 226 |
| Decimal | 143 | 150 | 150 |
| Hex | 8f | 96 | 96 |
Shades & tints
Shades mix #8F9696 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #8F96960%
- #8389899%
- #777D7D17%
- #6B707026%
- #5E636334%
- #52565643%
- #464A4A51%
- #3A3D3D59%
- #2E303068%
- #22232377%
- #15171785%
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
#8F9696 on #FFFFFF
3.01:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#8F9696 on #000000
6.97:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #8F9696
3.01:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #8F9696
6.97:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #8f9696; - Background
background-color: #8f9696; - CSS variable
--color-8f9696: #8f9696; - Modern CSS
color: oklch(67% 0.01 197); - SCSS
$color-8f9696: #8f9696; - Tailwind
bg-[#8f9696] text-[#8f9696] - HTML
<div style="background-color: #8f9696"></div>