#BCC8CD

Color Details

HEX
#BCC8CD
RGB
rgb(188, 200, 205)
HSL
hsl(198, 15%, 77%)
CMYK
cmyk(8%, 2%, 0%, 20%)
Best text on this color #000000 (CR 12.28:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bcc8cd
Contrast 12.28:1 AAA
White on #bcc8cd
Contrast 1.71:1 Fail
#bcc8cd on Black
Contrast 12.28:1 AAA
#bcc8cd on White
Contrast 1.71:1 Fail

Tints & Shades

#c9d3d7
#d7dee1
#e4e9eb
#96a0a4
#71787b
#4b5052

Complement & Analogous

#cdc1bc
#b7bdd1
#b7d1cc

Triadic

#cdbcc8
#c8cdbc

Monochrome

#4b5052 #71787b #bcc8cd #d7dee1 #e4e9eb #f2f4f5

Analogous

#b7d1cc #cddfdb #bcc8cd #c5cada #b7bdd1 #9297a7

Complementary Mix

#71787b #bcc8cd #d7dee1 #cdc1bc #dfd7d3 #857d7a

Nearby Colors

#bcc8cc
#bcc8ce
#bcc8bd
#bcc8dd

Embed #BCC8CD swatch

Embed this swatch

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

Open image

About #BCC8CD

#BCC8CD converts to RGB(188, 200, 205) and HSL(198, 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).

#BCC8CD FAQs

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