#ADB6BC

Color Details

HEX
#ADB6BC
RGB
rgb(173, 182, 188)
HSL
hsl(204, 10%, 71%)
CMYK
cmyk(8%, 3%, 0%, 26%)
Best text on this color #000000 (CR 10.19:1) Determined by WCAG contrast ratio

Readability Previews

Black on #adb6bc
Contrast 10.19:1 AAA
White on #adb6bc
Contrast 2.06:1 Fail
#adb6bc on Black
Contrast 10.19:1 AAA
#adb6bc on White
Contrast 2.06:1 Fail

Tints & Shades

#bdc5c9
#ced3d7
#dee2e4
#8a9296
#686d71
#45494b

Complement & Analogous

#bcb4ae
#a5a8c5
#a5c5c2

Triadic

#bcaeb7
#b7bcae

Monochrome

#45494b #686d71 #adb6bc #ced3d7 #dee2e4 #eff0f2

Analogous

#a5c5c2 #c0d6d4 #adb6bc #b7b9d1 #a5a8c5 #84869e

Complementary Mix

#686d71 #adb6bc #ced3d7 #bcb4ae #d3ceca #7a7571

Nearby Colors

#adb6bb
#adb6bd
#adb6ac
#adb6cc

Embed #ADB6BC swatch

Embed this swatch

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

Open image

About #ADB6BC

#ADB6BC converts to RGB(173, 182, 188) and HSL(204, 10%, 71%). 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).

#ADB6BC FAQs

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