#BAD5CC Color

Color Information

HEX#BAD5CC
RGB186, 213, 204
HSL160° , 24% , 78%
HSV160° , 13% , 84%
CMYK13%, 0%, 4%, 16%

Lighter Shades

#C2DAD2 #CBDFD8 #D3E4DE #DBE9E4 #E3EEEB #ECF3F1

Darker Shades

#A4BBB4 #8DA29B #778883 #616F6A #4A5552 #343C39

Complementary Palette

#A0B7AF #BAD5CC #B69FA7 #D4B9C2 #DAC3CB #C4DBD3

Analogous Palette

#ADC2B1 #BECFC2 #AFC8C0 #BAD5CC #BECDCF #C4D2D4

Triadic Palette

#A4BBB4 #BAD5CC #CDB4DA #D3BDDE #DACDB4 #C0B49E

Split Complementary Palette

#A7C0B8 #BAD5CC #D4B9D0 #D8C0D5 #D4BEB9 #BFABA7

Square Palette

#9CB3AB #BAD5CC #C2BECF #CFBEC4 #D0D4B9 #D8DBC4

Tetradic Palette

#99AFA7 #BAD5CC #AFBFDE #D4B9C2 #DECFAF #E4D8BD

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD5CC contains 186 red, 213 green, and 204 blue.

Contrast Ratio: 1.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.64:1