#ADB4BE

Color Details

HEX
#ADB4BE
RGB
rgb(173, 180, 190)
HSL
hsl(215, 12%, 71%)
CMYK
cmyk(9%, 5%, 0%, 25%)
Best text on this color #000000 (CR 10.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #adb4be
Contrast 10.05:1 AAA
White on #adb4be
Contrast 2.09:1 Fail
#adb4be on Black
Contrast 10.05:1 AAA
#adb4be on White
Contrast 2.09:1 Fail

Tints & Shades

#bdc3cb
#ced2d8
#dee1e5
#8a9098
#686c72
#45484c

Complement & Analogous

#beb7ac
#a7a5c5
#a5c3c5

Triadic

#beacb4
#b4beac

Monochrome

#45484c #686c72 #adb4be #ced2d8 #dee1e5 #eff0f2

Analogous

#a5c3c5 #c0d5d6 #adb4be #b9b7d1 #a7a5c5 #86849e

Complementary Mix

#686c72 #adb4be #ced2d8 #beb7ac #d5d0c9 #7c7770

Nearby Colors

#adb4bd
#adb4bf
#adb4ae
#adb4ce

Embed #ADB4BE swatch

Embed this swatch

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

Open image

About #ADB4BE

#ADB4BE converts to RGB(173, 180, 190) and HSL(215, 12%, 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).

#ADB4BE FAQs

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