#B2CCDD Color

Color Information

HEX#B2CCDD
RGB178, 204, 221
HSL204° , 39% , 78%
HSV204° , 19% , 87%
CMYK19%, 8%, 0%, 13%

Lighter Shades

#BBD2E1 #C4D8E5 #CEDEE9 #D7E4ED #E0EBF1 #E9F1F5

Darker Shades

#9DB4C2 #879BA8 #72838D #5D6A73 #475258 #32393E

Complementary Palette

#99AFBE #B2CCDD #BEA898 #DDC3B1 #E2CBBC #BDD3E2

Analogous Palette

#ADC2C0 #BCD2CF #A7C0D0 #B2CCDD #BCBED2 #C2C4D6

Triadic Palette

#9DB4C2 #B2CCDD #E2ABCB #E5B5D1 #CBE2AB #B3C796

Split Complementary Palette

#A0B8C7 #B2CCDD #DDB1B5 #E0B9BC #DDD8B1 #C7C29F

Square Palette

#96ABBA #B2CCDD #D3B7D7 #D7C4B7 #B5DDB1 #C1E2BD

Tetradic Palette

#92A7B5 #B2CCDD #C2A7E7 #DDC3B1 #CCE7A7 #D5EBB7

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2CCDD contains 178 red, 204 green, and 221 blue.

Contrast Ratio: 1.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.74:1