#ADD7CC

#ADD7CC

Color Values

HEX

#ADD7CC

RGB

173, 215, 204

HSL

164.3, 34.4%, 76.1%

HSV

164.3, 19.5%, 84.3%

CMYK

19.5%, 0.0%, 5.1%, 15.7%

OKLCH

0.8461 0.0466 177.4

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#ADD7CC

#D7ADB8

Analogous

#ADD7B7

#ADCDD7

#ADD7CC

Triadic

#ADD7CC

#CCADD7

#D7CCAD

Split Complementary

#ADD7CC

#D7ADCD

#D7B7AD

Tetradic

#ADD7CC

#B7ADD7

#D7ADB8

#CDD7AD

Color Blindness Simulation

Original

#ADD7CC

Protanopia

#BFC0CF

Deuteranopia

#BDBACF

Tritanopia

#AFD1D1

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F2F0
200
#CFE8E1
300
#ADD7CC
400
#80C1B0
500
#54AB94
600
#438977
700
#366E5F
800
#2A564A
900
#213F38
950
#152823

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.37: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