#BCC8C1

Color Details

HEX
#BCC8C1
RGB
rgb(188, 200, 193)
HSL
hsl(145, 10%, 76%)
CMYK
cmyk(6%, 0%, 4%, 22%)
Best text on this color #000000 (CR 12.17:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bcc8c1
Contrast 12.17:1 AAA
White on #bcc8c1
Contrast 1.73:1 Fail
#bcc8c1 on Black
Contrast 12.17:1 AAA
#bcc8c1 on White
Contrast 1.73:1 Fail

Tints & Shades

#c9d3cd
#d7deda
#e4e9e6
#96a09a
#717874
#4b504d

Complement & Analogous

#c8bcc3
#b4cfcd
#b7cfb4

Triadic

#c1bcc8
#c8c1bc

Monochrome

#4b504d #717874 #bcc8c1 #d7deda #e4e9e6 #f2f4f3

Analogous

#b7cfb4 #cdddcb #bcc8c1 #c3d9d7 #b4cfcd #90a6a4

Complementary Mix

#717874 #bcc8c1 #d7deda #c8bcc3 #dbd3d8 #827a7f

Nearby Colors

#bcc8c0
#bcc8c2
#bcc8b1
#bcc8d1

Embed #BCC8C1 swatch

Embed this swatch

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

Open image

About #BCC8C1

#BCC8C1 converts to RGB(188, 200, 193) and HSL(145, 10%, 76%). 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).

#BCC8C1 FAQs

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