#BCC2DD Color

Color Information

HEX#BCC2DD
RGB188, 194, 221
HSL229° , 33% , 80%
HSV229° , 15% , 87%
CMYK15%, 12%, 0%, 13%

Lighter Shades

#C4C9E1 #CCD1E5 #D4D8E9 #DCDFED #E4E7F1 #ECEEF5

Darker Shades

#A5ABC2 #8F93A8 #787C8D #626573 #4B4E58 #35363E

Complementary Palette

#A2A7BE #BCC2DD #BEB9A1 #DDD7BB #E2DDC5 #C5CBE2

Analogous Palette

#B3C0C7 #C4CFD4 #B1B6D0 #BCC2DD #C9C4D4 #CFCAD8

Triadic Palette

#A5ABC2 #BCC2DD #E2B6BE #E5BFC6 #BEE2B6 #A7C7A0

Split Complementary Palette

#A9AFC7 #BCC2DD #DDC6BB #E0CCC2 #D2DDBB #BDC7A8

Square Palette

#9EA3BA #BCC2DD #D8C0D0 #D8D3C0 #BBDDC6 #C6E2CF

Tetradic Palette

#9A9FB5 #BCC2DD #DCB2E6 #DDD7BB #BCE6B2 #C8EBC0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BCC2DD contains 188 red, 194 green, and 221 blue.

Contrast Ratio: 1.74:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 12.07:1