#ABD9D2

#ABD9D2

Color Values

HEX

#ABD9D2

RGB

171, 217, 210

HSL

170.9, 37.7%, 76.1%

HSV

170.9, 21.2%, 85.1%

CMYK

21.2%, 0.0%, 3.2%, 14.9%

OKLCH

0.8509 0.0489 184.9

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#ABD9D2

#D9ABB2

Analogous

#ABD9BB

#ABC9D9

#ABD9D2

Triadic

#ABD9D2

#D2ABD9

#D9D2AB

Split Complementary

#ABD9D2

#D9ABC9

#D9BBAB

Tetradic

#ABD9D2

#BBABD9

#D9ABB2

#C9D9AB

Color Blindness Simulation

Original

#ABD9D2

Protanopia

#BFBFD4

Deuteranopia

#BCB9D4

Tritanopia

#ADD5D5

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F1
200
#CEE9E5
300
#ABD9D2
400
#7DC4B9
500
#4FB0A1
600
#408C81
700
#337067
800
#285850
900
#20413C
950
#142926

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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