#9BA5A8 Color (Hex and RGB)
#9BA5A8
#9ba5a8 has RGB values (155, 165, 168). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #9BA5A8 | R9BGA5BA8 | |
| RGB | rgb(155 165 168) | R155G165B168 | |
| HSL | hsl(194 7% 63%) | H194°S7%L63% | |
| OKLCH | oklch(71% 0.01 218) | L0.71C0.01H218° | |
| HSV | hsv(194, 8%, 66%) | H194°S8%V66% | |
| CMYK | cmyk(8%, 2%, 0%, 34%) | C8%M2%Y0%K34% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10011011 | 10100101 | 10101000 |
| Octal | 233 | 245 | 250 |
| Decimal | 155 | 165 | 168 |
| Hex | 9b | a5 | a8 |
Shades & tints
Shades mix #9BA5A8 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #9BA5A80%
- #8E979A9%
- #81898B17%
- #737B7D26%
- #666D6F34%
- #595F6143%
- #4C515251%
- #3F434459%
- #32353668%
- #24272777%
- #17191985%
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
#9BA5A8 on #FFFFFF
2.52:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#9BA5A8 on #000000
8.34:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #9BA5A8
2.52:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #9BA5A8
8.34:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #9ba5a8; - Background
background-color: #9ba5a8; - CSS variable
--color-9ba5a8: #9ba5a8; - Modern CSS
color: oklch(71% 0.01 218); - SCSS
$color-9ba5a8: #9ba5a8; - Tailwind
bg-[#9ba5a8] text-[#9ba5a8] - HTML
<div style="background-color: #9ba5a8"></div>