#B2D7DC Color

Color Information

HEX#B2D7DC
RGB178, 215, 220
HSL187° , 38% , 78%
HSV187° , 19% , 86%
CMYK19%, 2%, 0%, 14%

Lighter Shades

#BBDCE0 #C4E1E4 #CEE5E9 #D7EAED #E0EFF1 #E9F4F5

Darker Shades

#9DBDC2 #87A3A7 #728A8D #5D7072 #475658 #323C3E

Complementary Palette

#99B9BD #B2D7DC #BD9D99 #DCB7B2 #E1C1BD #BDDDE1

Analogous Palette

#ADC2BA #BDD1C9 #A7CACF #B2D7DC #BDC5D1 #C3CAD5

Triadic Palette

#9DBDC2 #B2D7DC #E2ACDC #E5B6E0 #DCE2AC #C2C797

Split Complementary Palette

#A0C2C6 #B2D7DC #DCB2C2 #E0BAC8 #DCCCB2 #C6B8A0

Square Palette

#96B5B9 #B2D7DC #CBB7D7 #D7BBB7 #C2DCB2 #CCE2BE

Tetradic Palette

#92B0B4 #B2D7DC #AFA7E6 #DCB7B2 #DFE6A7 #E5EBB7

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2D7DC contains 178 red, 215 green, and 220 blue.

Contrast Ratio: 1.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.8:1