#ADA4BB

Color Details

HEX
#ADA4BB
RGB
rgb(173, 164, 187)
HSL
hsl(263, 14%, 69%)
CMYK
cmyk(7%, 12%, 0%, 27%)
Best text on this color #000000 (CR 8.80:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ada4bb
Contrast 8.80:1 AAA
White on #ada4bb
Contrast 2.39:1 Fail
#ada4bb on Black
Contrast 8.80:1 AAA
#ada4bb on White
Contrast 2.39:1 Fail

Tints & Shades

#bdb6c9
#cec8d6
#dedbe4
#8a8396
#686270
#45424b

Complement & Analogous

#b3bba5
#bd9fc1
#9fa3c1

Triadic

#bbada5
#a5bbad

Monochrome

#45424b #686270 #ada4bb #cec8d6 #dedbe4 #efedf1

Analogous

#9fa3c1 #bcbfd4 #ada4bb #cab2cd #bd9fc1 #977f9a

Complementary Mix

#686270 #ada4bb #cec8d6 #b3bba5 #ced3c5 #747a6b

Nearby Colors

#ada4ba
#ada4bc
#ada4ab
#ada4cb

Embed #ADA4BB swatch

Embed this swatch

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

Open image

About #ADA4BB

#ADA4BB converts to RGB(173, 164, 187) and HSL(263, 14%, 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).

#ADA4BB FAQs

What is the RGB value of #ADA4BB?
RGB: 173, 164, 187. Copy as CSS: rgb(173, 164, 187)
Is #ADA4BB a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #ADA4BB?
Complement: #b3bba5.
Does #ADA4BB have good contrast on white or black?
On white: 2.39:1 (Fails AA). On black: 8.80:1 (AAA (normal text)).