#B2BCDC Color

Color Information

HEX#B2BCDC
RGB178, 188, 220
HSL226° , 38% , 78%
HSV226° , 19% , 86%
CMYK19%, 15%, 0%, 14%

Lighter Shades

#BBC4E0 #C4CCE4 #CED4E9 #D7DCED #E0E4F1 #E9ECF5

Darker Shades

#9DA5C2 #878FA7 #72788D #5D6272 #474B58 #32353E

Complementary Palette

#99A2BD #B2BCDC #BDB599 #DCD2B2 #E1D8BD #BDC5E1

Analogous Palette

#ADBDC2 #BDCCD1 #A7B1CF #B2BCDC #C2BDD1 #C7C3D5

Triadic Palette

#9DA5C2 #B2BCDC #E2ACB9 #E5B6C1 #B9E2AC #A3C797

Split Complementary Palette

#A0A9C6 #B2BCDC #DCBDB2 #E0C4BA #D1DCB2 #BCC6A0

Square Palette

#969EB9 #B2BCDC #D7B7CE #D7CFB7 #B2DCBD #BEE2C8

Tetradic Palette

#929AB4 #B2BCDC #D8A7E6 #DCD2B2 #B6E6A7 #C3EBB7

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2BCDC contains 178 red, 188 green, and 220 blue.

Contrast Ratio: 1.86:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.29:1