#9F9FA3 Color (Hex and RGB)
#9F9FA3
#9f9fa3 has RGB values (159, 159, 163). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #9F9FA3 | R9FG9FBA3 | |
| RGB | rgb(159 159 163) | R159G159B163 | |
| HSL | hsl(240 2% 63%) | H240°S2%L63% | |
| OKLCH | oklch(70% 0.01 286) | L0.7C0.01H286° | |
| HSV | hsv(240, 2%, 64%) | H240°S2%V64% | |
| CMYK | cmyk(2%, 2%, 0%, 36%) | C2%M2%Y0%K36% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10011111 | 10011111 | 10100011 |
| Octal | 237 | 237 | 243 |
| Decimal | 159 | 159 | 163 |
| Hex | 9f | 9f | a3 |
Shades & tints
Shades mix #9F9FA3 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #9F9FA30%
- #9191959%
- #84848717%
- #76767926%
- #69696C34%
- #5B5B5E43%
- #4E4E5051%
- #40404259%
- #33333468%
- #25252677%
- #18181885%
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
#9F9FA3 on #FFFFFF
2.64:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#9F9FA3 on #000000
7.96:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #9F9FA3
2.64:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #9F9FA3
7.96:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #9f9fa3; - Background
background-color: #9f9fa3; - CSS variable
--color-9f9fa3: #9f9fa3; - Modern CSS
color: oklch(70% 0.01 286); - SCSS
$color-9f9fa3: #9f9fa3; - Tailwind
bg-[#9f9fa3] text-[#9f9fa3] - HTML
<div style="background-color: #9f9fa3"></div>