#B2D8DC Color

Color Information

HEX#B2D8DC
RGB178, 216, 220
HSL186° , 38% , 78%
HSV186° , 19% , 86%
CMYK19%, 2%, 0%, 14%

Lighter Shades

#BBDDE0 #C4E1E4 #CEE6E9 #D7EBED #E0EFF1 #E9F4F5

Darker Shades

#9DBEC2 #87A4A7 #728A8D #5D7072 #475658 #323C3E

Complementary Palette

#99BABD #B2D8DC #BD9D99 #DCB6B2 #E1C0BD #BDDDE1

Analogous Palette

#ADC2BA #BDD1C9 #A7CBCF #B2D8DC #BDC5D1 #C3CAD5

Triadic Palette

#9DBEC2 #B2D8DC #E2ACDC #E5B6E0 #DCE2AC #C2C797

Split Complementary Palette

#A0C2C6 #B2D8DC #DCB2C3 #E0BAC9 #DCCBB2 #C6B7A0

Square Palette

#96B5B9 #B2D8DC #CAB7D7 #D7BAB7 #C3DCB2 #CDE2BE

Tetradic Palette

#92B1B4 #B2D8DC #AEA7E6 #DCB6B2 #E0E6A7 #E6EBB7

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2D8DC contains 178 red, 216 green, and 220 blue.

Contrast Ratio: 1.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.9:1