#ABD9CC

#ABD9CC

Color Values

HEX

#ABD9CC

RGB

171, 217, 204

HSL

163.0, 37.7%, 76.1%

HSV

163.0, 21.2%, 85.1%

CMYK

21.2%, 0.0%, 6.0%, 14.9%

OKLCH

0.8491 0.0513 175.9

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#ABD9CC

#D9ABB8

Analogous

#ABD9B5

#ABCFD9

#ABD9CC

Triadic

#ABD9CC

#CCABD9

#D9CCAB

Split Complementary

#ABD9CC

#D9ABCF

#D9B5AB

Tetradic

#ABD9CC

#B5ABD9

#D9ABB8

#CFD9AB

Color Blindness Simulation

Original

#ABD9CC

Protanopia

#BFBFCF

Deuteranopia

#BCB9D0

Tritanopia

#ADD2D2

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3F0
200
#CEE9E1
300
#ABD9CC
400
#7DC4B0
500
#4FB094
600
#408C77
700
#33705F
800
#28584A
900
#204138
950
#142923

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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