#BADCED Color

Color Information

HEX#BADCED
RGB186, 220, 237
HSL200° , 59% , 83%
HSV200° , 22% , 93%
CMYK22%, 7%, 0%, 7%

Lighter Shades

#C2E0EF #CBE4F1 #D3E9F3 #DBEDF6 #E3F1F8 #ECF5FA

Darker Shades

#A4C2D1 #8DA7B4 #778D98 #61727B #4A585F #343E42

Complementary Palette

#A0BDCC #BADCED #CCAFA0 #EDCBBA #F0D2C4 #C4E1F0

Analogous Palette

#B6CDCA #C3E5DF #AFCFDF #BADCED #C3C9E5 #C7CCE6

Triadic Palette

#A4C2D1 #BADCED #F2B6DE #F4BFE2 #DEF2B6 #C3D5A0

Split Complementary Palette

#A7C6D5 #BADCED #EDBAC3 #EFC1C9 #EDE5BA #D5CEA7

Square Palette

#9CB9C7 #BADCED #E3BEE9 #E9CDBE #C3EDBA #CDF0C5

Tetradic Palette

#99B4C2 #BADCED #C9B2F5 #EDCBBA #DFF5B2 #E5F7C0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BADCED contains 186 red, 220 green, and 237 blue.

Contrast Ratio: 1.43:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.69:1