#BCCDC3

Color Details

HEX
#BCCDC3
RGB
rgb(188, 205, 195)
HSL
hsl(145, 15%, 77%)
CMYK
cmyk(8%, 0%, 5%, 20%)
Best text on this color #000000 (CR 12.66:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bccdc3
Contrast 12.66:1 AAA
White on #bccdc3
Contrast 1.66:1 Fail
#bccdc3 on Black
Contrast 12.66:1 AAA
#bccdc3 on White
Contrast 1.66:1 Fail

Tints & Shades

#c9d7cf
#d7e1db
#e4ebe7
#96a49c
#717b75
#4b524e

Complement & Analogous

#cdbcc6
#b7d1cf
#bad1b7

Triadic

#c3bccd
#cdc3bc

Monochrome

#4b524e #717b75 #bccdc3 #d7e1db #e4ebe7 #f2f5f3

Analogous

#bad1b7 #cfdfcd #bccdc3 #c5dad9 #b7d1cf #92a7a6

Complementary Mix

#717b75 #bccdc3 #d7e1db #cdbcc6 #dfd3da #857a81

Nearby Colors

#bccdc2
#bccdc4
#bccdb3
#bccdd3

Embed #BCCDC3 swatch

Embed this swatch

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

Open image

About #BCCDC3

#BCCDC3 converts to RGB(188, 205, 195) and HSL(145, 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).

#BCCDC3 FAQs

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