#B2C5DC Color

Color Information

HEX	#B2C5DC
RGB	178, 197, 220
HSL	213° , 38% , 78%
HSV	213° , 19% , 86%
CMYK	19%, 10%, 0%, 14%

Lighter Shades

#BBCCE0 #C4D3E4 #CEDAE9 #D7E1ED #E0E8F1 #E9EFF5

Darker Shades

#9DADC2 #8796A7 #727E8D #5D6672 #474F58 #32373E

Complementary Palette

#99A9BD #B2C5DC #BDAD99 #DCC9B2 #E1D1BD #BDCDE1

Analogous Palette

#ADC2C2 #BDD0D1 #A7B9CF #B2C5DC #BEBDD1 #C4C3D5

Triadic Palette

#9DADC2 #B2C5DC #E2ACC4 #E5B6CB #C4E2AC #ACC797

Split Complementary Palette

#A0B1C6 #B2C5DC #DCB4B2 #E0BCBA #DADCB2 #C4C6A0

Square Palette

#96A5B9 #B2C5DC #D7B7D5 #D7C8B7 #B2DCB4 #BEE2C0

Tetradic Palette

#92A2B4 #B2C5DC #CAA7E6 #DCC9B2 #C4E6A7 #CFEBB7

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2C5DC contains 178 red, 197 green, and 220 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.08:1