#BADBED Color

Color Information

HEX#BADBED
RGB186, 219, 237
HSL201° , 59% , 83%
HSV201° , 22% , 93%
CMYK22%, 8%, 0%, 7%

Lighter Shades

#C2DFEF #CBE4F1 #D3E8F3 #DBECF6 #E3F1F8 #ECF5FA

Darker Shades

#A4C1D1 #8DA6B4 #778C98 #61727B #4A585F #343D42

Complementary Palette

#A0BCCC #BADBED #CCAFA0 #EDCCBA #F0D3C4 #C4E0F0

Analogous Palette

#B6CDCA #C3E5E0 #AFCEDF #BADBED #C3C8E5 #C7CBE6

Triadic Palette

#A4C1D1 #BADBED #F2B6DD #F4BFE1 #DDF2B6 #C2D5A0

Split Complementary Palette

#A7C5D5 #BADBED #EDBAC2 #EFC1C8 #EDE6BA #D5CFA7

Square Palette

#9CB8C7 #BADBED #E3BEE9 #E9CDBE #C2EDBA #CCF0C5

Tetradic Palette

#99B4C2 #BADBED #CAB2F5 #EDCCBA #DEF5B2 #E4F7C0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BADBED contains 186 red, 219 green, and 237 blue.

Contrast Ratio: 1.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.59:1