#ADD2BC Color

Color Information

HEX#ADD2BC
RGB173, 210, 188
HSL144° , 29% , 75%
HSV144° , 18% , 82%
CMYK18%, 0%, 10%, 18%

Lighter Shades

#B7D7C4 #C1DDCC #CBE2D4 #D4E8DC #DEEDE4 #E8F2EC

Darker Shades

#98B9A5 #83A08F #6F8678 #5A6D62 #45544B #303B35

Complementary Palette

#95B5A2 #ADD2BC #B595A8 #D2ADC3 #D8B8CB #B8D8C5

Analogous Palette

#A6BCA4 #B7C9B6 #A3C5B1 #ADD2BC #B6C9C7 #BCCDCB

Triadic Palette

#98B9A5 #ADD2BC #BAA6D8 #C2B1DD #D8BAA6 #BEA492

Split Complementary Palette

#9CBDA9 #ADD2BC #CEADD2 #D3B5D7 #D2ADB0 #BD9C9E

Square Palette

#91B09E #ADD2BC #B3B5CB #CBB3C2 #D2CEAD #D9D6BA

Tetradic Palette

#8EAC9A #ADD2BC #A1C5DD #D2ADC3 #DDB9A1 #E3C6B2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #ADD2BC contains 173 red, 210 green, and 188 blue.

Contrast Ratio: 1.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.88:1