#BADBCC Color

Color Information

HEX#BADBCC
RGB186, 219, 204
HSL153° , 31% , 79%
HSV153° , 15% , 86%
CMYK15%, 0%, 7%, 14%

Lighter Shades

#C2DFD2 #CBE4D8 #D3E8DE #DBECE4 #E3F1EB #ECF5F1

Darker Shades

#A4C1B4 #8DA69B #778C83 #61726A #4A5852 #343D39

Complementary Palette

#A0BCAF #BADBCC #BB9FAC #DAB9C8 #DFC3D0 #C4E0D3

Analogous Palette

#B0C4B1 #C1D1C2 #AFCEC0 #BADBCC #C1D0D1 #C7D5D6

Triadic Palette

#A4C1B4 #BADBCC #CCB3DF #D2BCE3 #DFCCB3 #C4B49E

Split Complementary Palette

#A7C5B8 #BADBCC #DAB9D8 #DEC0DC #DABBB9 #C4A8A7

Square Palette

#9CB8AB #BADBCC #C0BED5 #D5BEC8 #D8DAB9 #DEE0C4

Tetradic Palette

#99B4A7 #BADBCC #AFC7E4 #DAB9C8 #E4CCAF #E9D5BD

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BADBCC contains 186 red, 219 green, and 204 blue.

Contrast Ratio: 1.47:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.24:1