#ADD8DC Color

Color Information

HEX#ADD8DC
RGB173, 216, 220
HSL185° , 40% , 77%
HSV185° , 21% , 86%
CMYK21%, 2%, 0%, 14%

Lighter Shades

#B7DDE0 #C1E1E4 #CBE6E9 #D4EBED #DEEFF1 #E8F4F5

Darker Shades

#98BEC2 #83A4A7 #6F8A8D #5A7072 #455658 #303C3E

Complementary Palette

#95BABD #ADD8DC #BD9895 #DCB1AD #E1BCB8 #B8DDE1

Analogous Palette

#AAC0B7 #B9D0C6 #A3CBCF #ADD8DC #B9C2D0 #BFC7D4

Triadic Palette

#98BEC2 #ADD8DC #E2A7DD #E5B2E1 #DDE2A7 #C2C793

Split Complementary Palette

#9CC2C6 #ADD8DC #DCADC0 #E0B5C6 #DCC8AD #C6B49C

Square Palette

#91B5B9 #ADD8DC #C7B3D6 #D6B6B3 #C0DCAD #CAE2BA

Tetradic Palette

#8EB1B4 #ADD8DC #A8A2E6 #DCB1AD #E1E6A2 #E6EBB3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #ADD8DC contains 173 red, 216 green, and 220 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.78:1