#BDC1CC

Color Details

HEX
#BDC1CC
RGB
rgb(189, 193, 204)
HSL
hsl(224, 13%, 77%)
CMYK
cmyk(7%, 5%, 0%, 20%)
Best text on this color #000000 (CR 11.66:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bdc1cc
Contrast 11.66:1 AAA
White on #bdc1cc
Contrast 1.80:1 Fail
#bdc1cc on Black
Contrast 11.66:1 AAA
#bdc1cc on White
Contrast 1.80:1 Fail

Tints & Shades

#cacdd6
#d7dae0
#e5e6eb
#979aa3
#71747a
#4c4d52

Complement & Analogous

#ccc8bd
#bdb7d1
#b7cbd1

Triadic

#ccbdc1
#c1ccbd

Monochrome

#4c4d52 #71747a #bdc1cc #d7dae0 #e5e6eb #f2f3f5

Analogous

#b7cbd1 #cddbdf #bdc1cc #cac5da #bdb7d1 #9792a7

Complementary Mix

#71747a #bdc1cc #d7dae0 #ccc8bd #dedbd4 #85827b

Nearby Colors

#bdc1cb
#bdc1cd
#bdc1bc
#bdc1dc

Embed #BDC1CC swatch

Embed this swatch

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

Open image

About #BDC1CC

#BDC1CC converts to RGB(189, 193, 204) and HSL(224, 13%, 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).

#BDC1CC FAQs

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