#B2C8DC Color

Color Information

HEX#B2C8DC
RGB178, 200, 220
HSL209° , 38% , 78%
HSV209° , 19% , 86%
CMYK19%, 9%, 0%, 14%

Lighter Shades

#BBCFE0 #C4D5E4 #CEDCE9 #D7E2ED #E0E9F1 #E9F0F5

Darker Shades

#9DB0C2 #8798A7 #72808D #5D6872 #475058 #32383E

Complementary Palette

#99ACBD #B2C8DC #BDAA99 #DCC6B2 #E1CEBD #BDD0E1

Analogous Palette

#ADC2C2 #BDD1D1 #A7BCCF #B2C8DC #BDBDD1 #C3C3D5

Triadic Palette

#9DB0C2 #B2C8DC #E2ACC8 #E5B6CF #C8E2AC #B0C797

Split Complementary Palette

#A0B4C6 #B2C8DC #DCB2B2 #E0BABA #DCDCB2 #C6C6A0

Square Palette

#96A8B9 #B2C8DC #D7B7D7 #D7C6B7 #B2DCB2 #BEE2BE

Tetradic Palette

#92A4B4 #B2C8DC #C6A7E6 #DCC6B2 #C8E6A7 #D2EBB7

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2C8DC contains 178 red, 200 green, and 220 blue.

Contrast Ratio: 1.7:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.35:1