#ADB7CC

Color Details

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

Readability Previews

Black on #adb7cc
Contrast 10.42:1 AAA
White on #adb7cc
Contrast 2.01:1 Fail
#adb7cc on Black
Contrast 10.42:1 AAA
#adb7cc on White
Contrast 2.01:1 Fail

Tints & Shades

#bdc5d6
#ced4e0
#dee2eb
#8a92a3
#686e7a
#454952

Complement & Analogous

#ccc2ad
#b3adcc
#adc6cc

Triadic

#ccadb7
#b7ccad

Monochrome

#454952 #686e7a #adb7cc #ced4e0 #dee2eb #eff1f5

Analogous

#adc6cc #c6d7db #adb7cc #c2bdd6 #b3adcc #8f8aa3

Complementary Mix

#686e7a #adb7cc #ced4e0 #ccc2ad #ded7ca #857e70

Nearby Colors

#adb7cb
#adb7cd
#adb7bc
#adb7dc

Embed #ADB7CC swatch

Embed this swatch

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

Open image

About #ADB7CC

#ADB7CC converts to RGB(173, 183, 204) and HSL(221, 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).

#ADB7CC FAQs

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