#B2BDCC Color

Color Information

HEX#B2BDCC
RGB178, 189, 204
HSL215° , 20% , 75%
HSV215° , 13% , 80%
CMYK13%, 7%, 0%, 20%

Lighter Shades

#BBC5D2 #C4CDD8 #CED5DE #D7DDE4 #E0E5EB #E9EDF1

Darker Shades

#9DA6B4 #87909B #727983 #5D626A #474C52 #323539

Complementary Palette

#99A3AF #B2BDCC #AFA69A #CCC1B3 #D3CABE #BDC6D3

Analogous Palette

#A4BABC #B6C7C9 #A7B2C0 #B2BDCC #B7B6C9 #BDBCCD

Triadic Palette

#9DA6B4 #B2BDCC #D2ACBB #D7B6C3 #BBD2AC #A5B997

Split Complementary Palette

#A0AAB8 #B2BDCC #CCB5B3 #D1BCBB #CACCB3 #B6B8A1

Square Palette

#969FAB #B2BDCC #C9B6C7 #C9C1B6 #B3CCB5 #BFD4C1

Tetradic Palette

#929BA7 #B2BDCC #C2A7D7 #CCC1B3 #BAD7A7 #C6DEB7

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2BDCC contains 178 red, 189 green, and 204 blue.

Contrast Ratio: 1.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.21:1