#ADB8CC

Color Details

HEX
#ADB8CC
RGB
rgb(173, 184, 204)
HSL
hsl(219, 23%, 74%)
CMYK
cmyk(15%, 10%, 0%, 20%)
Best text on this color #000000 (CR 10.50:1) Determined by WCAG contrast ratio

Readability Previews

Black on #adb8cc
Contrast 10.50:1 AAA
White on #adb8cc
Contrast 2.00:1 Fail
#adb8cc on Black
Contrast 10.50:1 AAA
#adb8cc on White
Contrast 2.00:1 Fail

Tints & Shades

#bdc6d6
#ced4e0
#dee3eb
#8a93a3
#686e7a
#454a52

Complement & Analogous

#ccc1ad
#b2adcc
#adc7cc

Triadic

#ccadb8
#b8ccad

Monochrome

#454a52 #686e7a #adb8cc #ced4e0 #dee3eb #eff1f5

Analogous

#adc7cc #c6d8db #adb8cc #c1bdd6 #b2adcc #8e8aa3

Complementary Mix

#686e7a #adb8cc #ced4e0 #ccc1ad #ded7ca #857d70

Nearby Colors

#adb8cb
#adb8cd
#adb8bc
#adb8dc

Embed #ADB8CC swatch

Embed this swatch

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

Open image

About #ADB8CC

#ADB8CC converts to RGB(173, 184, 204) and HSL(219, 23%, 74%). 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).

#ADB8CC FAQs

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