#A896A0 Color (Hex and RGB)
#A896A0
#a896a0 has RGB values (168, 150, 160). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #A896A0 | RA8G96BA0 | |
| RGB | rgb(168 150 160) | R168G150B160 | |
| HSL | hsl(327 9% 62%) | H327°S9%L62% | |
| OKLCH | oklch(69% 0.03 343) | L0.69C0.03H343° | |
| HSV | hsv(327, 11%, 66%) | H327°S11%V66% | |
| CMYK | cmyk(0%, 11%, 5%, 34%) | C0%M11%Y5%K34% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10101000 | 10010110 | 10100000 |
| Octal | 250 | 226 | 240 |
| Decimal | 168 | 150 | 160 |
| Hex | a8 | 96 | a0 |
Shades & tints
Shades mix #A896A0 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #A896A00%
- #9A89929%
- #8B7D8517%
- #7D707726%
- #6F636A34%
- #61565C43%
- #524A4E51%
- #443D4159%
- #36303368%
- #27232677%
- #19171885%
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
#A896A0 on #FFFFFF
2.79:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#A896A0 on #000000
7.54:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #A896A0
2.79:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #A896A0
7.54:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #a896a0; - Background
background-color: #a896a0; - CSS variable
--color-a896a0: #a896a0; - Modern CSS
color: oklch(69% 0.03 343); - SCSS
$color-a896a0: #a896a0; - Tailwind
bg-[#a896a0] text-[#a896a0] - HTML
<div style="background-color: #a896a0"></div>