#BCC6F0 Color

Color Information

HEX#BCC6F0
RGB188, 198, 240
HSL228° , 63% , 84%
HSV228° , 22% , 94%
CMYK22%, 18%, 0%, 6%

Lighter Shades

#C4CDF2 #CCD4F4 #D4DBF5 #DCE1F7 #E4E8F9 #ECEFFB

Darker Shades

#A5AED3 #8F96B6 #787F9A #62677D #4B4F60 #353743

Complementary Palette

#A2AACE #BCC6F0 #CEC6A2 #F0E6BC #F2EAC5 #C5CEF2

Analogous Palette

#B8C9D1 #C5DDE8 #B1BAE2 #BCC6F0 #CFC5E8 #D3C8E9

Triadic Palette

#A5AED3 #BCC6F0 #F4B8C5 #F5C1CC #C5F4B8 #ADD7A2

Split Complementary Palette

#A9B2D8 #BCC6F0 #F0CCBC #F2D1C3 #E0F0BC #CAD8A9

Square Palette

#9EA6CA #BCC6F0 #ECC1DF #ECE3C1 #BCF0CC #C7F2D4

Tetradic Palette

#9AA2C5 #BCC6F0 #EAB5F7 #F0E6BC #C3F7B5 #CEF8C2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BCC6F0 contains 188 red, 198 green, and 240 blue.

Contrast Ratio: 1.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.64:1