#ABD8CF

#ABD8CF

Color Values

HEX

#ABD8CF

RGB

171, 216, 207

HSL

168.0, 36.6%, 75.9%

HSV

168.0, 20.8%, 84.7%

CMYK

20.8%, 0.0%, 4.2%, 15.3%

OKLCH

0.8478 0.0486 181.5

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#ABD8CF

#D8ABB4

Analogous

#ABD8B9

#ABCBD8

#ABD8CF

Triadic

#ABD8CF

#CFABD8

#D8CFAB

Split Complementary

#ABD8CF

#D8ABCB

#D8B9AB

Tetradic

#ABD8CF

#B9ABD8

#D8ABB4

#CBD8AB

Color Blindness Simulation

Original

#ABD8CF

Protanopia

#BEBFD1

Deuteranopia

#BCB8D2

Tritanopia

#ADD3D3

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F0
200
#CEE8E3
300
#ABD8CF
400
#7EC3B5
500
#51AE9B
600
#418B7C
700
#346F64
800
#28574E
900
#20403A
950
#152925

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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