#BCC5DF

Color Details

HEX
#BCC5DF
RGB
rgb(188, 197, 223)
HSL
hsl(225, 35%, 81%)
CMYK
cmyk(16%, 12%, 0%, 13%)
Best text on this color #000000 (CR 12.19:1) Determined by WCAG contrast ratio

Readability Previews

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

Tints & Shades

#c9d1e5
#d7dcec
#e4e8f2
#969eb2
#717686
#4b4f59

Complement & Analogous

#e0d7be
#c6bee0
#bed7e0

Triadic

#e0bec6
#c6e0be

Monochrome

#4b4f59 #717686 #bcc5df #d7dcec #e4e8f2 #f2f3f9

Analogous

#bed7e0 #d2e3e9 #bcc5df #d1cbe6 #c6bee0 #9e98b3

Complementary Mix

#717686 #bcc5df #d7dcec #e0d7be #ebe5d5 #928c7c

Nearby Colors

#bcc5de
#bcc5e0
#bcc5cf
#bcc5ef

Embed #BCC5DF swatch

Embed this swatch

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

Open image

About #BCC5DF

#BCC5DF converts to RGB(188, 197, 223) and HSL(225, 35%, 81%). 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).

#BCC5DF FAQs

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