#BAD5DD Color

Color Information

HEX	#BAD5DD
RGB	186, 213, 221
HSL	194° , 34% , 80%
HSV	194° , 16% , 87%
CMYK	16%, 4%, 0%, 13%

Lighter Shades

#C2DAE1 #CBDFE5 #D3E4E9 #DBE9ED #E3EEF1 #ECF3F5

Darker Shades

#A4BBC2 #8DA2A8 #77888D #616F73 #4A5558 #343C3E

Complementary Palette

#A0B7BE #BAD5DD #BEA8A1 #DDC3BB #E2CBC5 #C4DBE2

Analogous Palette

#B3C7C2 #C4D4D0 #AFC8D0 #BAD5DD #C4C8D4 #CACED8

Triadic Palette

#A4BBC2 #BAD5DD #E2B6D8 #E5BFDD #D8E2B6 #BEC7A0

Split Complementary Palette

#A7C0C7 #BAD5DD #DDBBC4 #E0C2CA #DDD4BB #C7BFA8

Square Palette

#9CB3BA #BAD5DD #D1C0D8 #D8C6C0 #C4DDBB #CDE2C6

Tetradic Palette

#99AFB5 #BAD5DD #BEB2E6 #DDC3BB #DAE6B2 #E1EBC0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD5DD contains 186 red, 213 green, and 221 blue.

Contrast Ratio: 1.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.81:1