#A2AAAD Color (Hex and RGB)
#A2AAAD
#a2aaad has RGB values (162, 170, 173). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #A2AAAD | RA2GAABAD | |
| RGB | rgb(162 170 173) | R162G170B173 | |
| HSL | hsl(196 6% 66%) | H196°S6%L66% | |
| OKLCH | oklch(73% 0.01 222) | L0.73C0.01H222° | |
| HSV | hsv(196, 6%, 68%) | H196°S6%V68% | |
| CMYK | cmyk(6%, 2%, 0%, 32%) | C6%M2%Y0%K32% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10100010 | 10101010 | 10101101 |
| Octal | 242 | 252 | 255 |
| Decimal | 162 | 170 | 173 |
| Hex | a2 | aa | ad |
Shades & tints
Shades mix #A2AAAD with black; tints mix it with white. Click any swatch to explore it.
Shades
- #A2AAAD0%
- #949C9E9%
- #868D9017%
- #797F8126%
- #6B707234%
- #5D626343%
- #4F535551%
- #42454659%
- #34363768%
- #26282977%
- #181A1A85%
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
#A2AAAD on #FFFFFF
2.36:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#A2AAAD on #000000
8.89:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #A2AAAD
2.36:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #A2AAAD
8.89:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #a2aaad; - Background
background-color: #a2aaad; - CSS variable
--color-a2aaad: #a2aaad; - Modern CSS
color: oklch(73% 0.01 222); - SCSS
$color-a2aaad: #a2aaad; - Tailwind
bg-[#a2aaad] text-[#a2aaad] - HTML
<div style="background-color: #a2aaad"></div>