#BCC7CD

Color Details

HEX
#BCC7CD
RGB
rgb(188, 199, 205)
HSL
hsl(201, 15%, 77%)
CMYK
cmyk(8%, 3%, 0%, 20%)
Best text on this color #000000 (CR 12.19:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bcc7cd
Contrast 12.19:1 AAA
White on #bcc7cd
Contrast 1.72:1 Fail
#bcc7cd on Black
Contrast 12.19:1 AAA
#bcc7cd on White
Contrast 1.72:1 Fail

Tints & Shades

#c9d2d7
#d7dde1
#e4e9eb
#969fa4
#71777b
#4b5052

Complement & Analogous

#cdc2bc
#b7bbd1
#b7d1cd

Triadic

#cdbcc7
#c7cdbc

Monochrome

#4b5052 #71777b #bcc7cd #d7dde1 #e4e9eb #f2f4f5

Analogous

#b7d1cd #cddfdc #bcc7cd #c5c9da #b7bbd1 #9296a7

Complementary Mix

#71777b #bcc7cd #d7dde1 #cdc2bc #dfd7d3 #857e7a

Nearby Colors

#bcc7cc
#bcc7ce
#bcc7bd
#bcc7dd

Embed #BCC7CD swatch

Embed this swatch

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

Open image

About #BCC7CD

#BCC7CD converts to RGB(188, 199, 205) and HSL(201, 15%, 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).

#BCC7CD FAQs

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