#ADD7D2

#ADD7D2

Color Values

HEX

#ADD7D2

RGB

173, 215, 210

HSL

172.9, 34.4%, 76.1%

HSV

172.9, 19.5%, 84.3%

CMYK

19.5%, 0.0%, 2.3%, 15.7%

OKLCH

0.8478 0.0445 187.4

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#ADD7D2

#D7ADB2

Analogous

#ADD7BD

#ADC7D7

#ADD7D2

Triadic

#ADD7D2

#D2ADD7

#D7D2AD

Split Complementary

#ADD7D2

#D7ADC7

#D7BDAD

Tetradic

#ADD7D2

#BDADD7

#D7ADB2

#C7D7AD

Color Blindness Simulation

Original

#ADD7D2

Protanopia

#BFC0D3

Deuteranopia

#BDBAD4

Tritanopia

#AFD4D4

Achromatopsia

#CECECE

CSS Usage

background-color: #ADD7D2;
color: #ADD7D2;
border-color: #ADD7D2;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5FAF9
100
#E8F2F1
200
#CFE8E5
300
#ADD7D2
400
#80C1B9
500
#54ABA1
600
#438981
700
#366E67
800
#2A5650
900
#213F3C
950
#152826

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.43:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026