#ADD2CC Color

Color Information

HEX#ADD2CC
RGB173, 210, 204
HSL170° , 29% , 75%
HSV170° , 18% , 82%
CMYK18%, 0%, 3%, 18%

Lighter Shades

#B7D7D2 #C1DDD8 #CBE2DE #D4E8E4 #DEEDEB #E8F2F1

Darker Shades

#98B9B4 #83A09B #6F8683 #5A6D6A #455452 #303B39

Complementary Palette

#95B5AF #ADD2CC #B5959A #D2ADB3 #D8B8BE #B8D8D3

Analogous Palette

#A4BCAC #B6C9BC #A3C5C0 #ADD2CC #B6C2C9 #BCC7CD

Triadic Palette

#98B9B4 #ADD2CC #D0A6D8 #D6B1DD #D8D0A6 #BEB792

Split Complementary Palette

#9CBDB8 #ADD2CC #D2ADC5 #D7B5CB #D2B9AD #BDA79C

Square Palette

#91B0AB #ADD2CC #BBB3CB #CBB3B7 #C5D2AD #CED9BA

Tetradic Palette

#8EACA7 #ADD2CC #A1ABDD #D2ADB3 #DDD3A1 #E3DBB2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #ADD2CC contains 173 red, 210 green, and 204 blue.

Contrast Ratio: 1.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.03:1