#ADB0DD

Color Details

HEX
#ADB0DD
RGB
rgb(173, 176, 221)
HSL
hsl(236, 41%, 77%)
CMYK
cmyk(22%, 20%, 0%, 13%)
Best text on this color #000000 (CR 10.03:1) Determined by WCAG contrast ratio

Readability Previews

Black on #adb0dd
Contrast 10.03:1 AAA
White on #adb0dd
Contrast 2.09:1 Fail
#adb0dd on Black
Contrast 10.03:1 AAA
#adb0dd on White
Contrast 2.09:1 Fail

Tints & Shades

#bdc0e4
#ced0eb
#dedff1
#8a8db1
#686a85
#454658

Complement & Analogous

#dcd9ac
#c1acdc
#acc8dc

Triadic

#dcacb0
#b0dcac

Monochrome

#454658 #686a85 #adb0dd #ced0eb #dedff1 #efeff8

Analogous

#acc8dc #c5d9e7 #adb0dd #cdbde3 #c1acdc #9a8ab0

Complementary Mix

#686a85 #adb0dd #ced0eb #dcd9ac #e8e6c9 #8f8d70

Nearby Colors

#adb0dc
#adb0de
#adb0cd
#adb0ed

Embed #ADB0DD swatch

Embed this swatch

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

Open image

About #ADB0DD

#ADB0DD converts to RGB(173, 176, 221) and HSL(236, 41%, 77%). 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).

#ADB0DD FAQs

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