#ADD6DC Color

Color Information

HEX	#ADD6DC
RGB	173, 214, 220
HSL	188° , 40% , 77%
HSV	188° , 21% , 86%
CMYK	21%, 3%, 0%, 14%

Lighter Shades

#B7DBE0 #C1E0E4 #CBE5E9 #D4EAED #DEEFF1 #E8F4F5

Darker Shades

#98BCC2 #83A3A7 #6F898D #5A6F72 #455658 #303C3E

Complementary Palette

#95B8BD #ADD6DC #BD9A95 #DCB3AD #E1BEB8 #B8DCE1

Analogous Palette

#AAC0B8 #B9D0C7 #A3C9CF #ADD6DC #B9C1D0 #BFC6D4

Triadic Palette

#98BCC2 #ADD6DC #E2A7DA #E5B2DE #DAE2A7 #C0C793

Split Complementary Palette

#9CC1C6 #ADD6DC #DCADBE #E0B5C5 #DCCBAD #C6B79C

Square Palette

#91B4B9 #ADD6DC #C9B3D6 #D6B7B3 #BEDCAD #C8E2BA

Tetradic Palette

#8EAFB4 #ADD6DC #ABA2E6 #DCB3AD #DDE6A2 #E3EBB3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #ADD6DC contains 173 red, 214 green, and 220 blue.

Contrast Ratio: 1.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.58:1