#A2A2BD

Color Details

HEX
#A2A2BD
RGB
rgb(162, 162, 189)
HSL
hsl(240, 17%, 69%)
CMYK
cmyk(14%, 14%, 0%, 26%)
Best text on this color #000000 (CR 8.44:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a2a2bd
Contrast 8.44:1 AAA
White on #a2a2bd
Contrast 2.49:1 Fail
#a2a2bd on Black
Contrast 8.44:1 AAA
#a2a2bd on White
Contrast 2.49:1 Fail

Tints & Shades

#b5b5ca
#c7c7d7
#dadae5
#828297
#616171
#41414c

Complement & Analogous

#bdbda3
#b09fc1
#9fb0c1

Triadic

#bda3a3
#a3bda3

Monochrome

#41414c #616171 #a2a2bd #c7c7d7 #dadae5 #ececf2

Analogous

#9fb0c1 #bcc8d4 #a2a2bd #c0b2cd #b09fc1 #8d7f9a

Complementary Mix

#616171 #a2a2bd #c7c7d7 #bdbda3 #d4d4c3 #7b7b6a

Nearby Colors

#a2a2bc
#a2a2be
#a2a2ad
#a2a2cd

Embed #A2A2BD swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #A2A2BD

#A2A2BD converts to RGB(162, 162, 189) and HSL(240, 17%, 69%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#A2A2BD FAQs

What is the RGB value of #A2A2BD?
RGB: 162, 162, 189. Copy as CSS: rgb(162, 162, 189)
Is #A2A2BD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A2A2BD?
Complement: #bdbda3.
Does #A2A2BD have good contrast on white or black?
On white: 2.49:1 (Fails AA). On black: 8.44:1 (AAA (normal text)).