#ABD3D2

#ABD3D2

Color Values

HEX

#ABD3D2

RGB

171, 211, 210

HSL

178.5, 31.2%, 74.9%

HSV

178.5, 19.0%, 82.7%

CMYK

19.0%, 0.0%, 0.5%, 17.3%

OKLCH

0.838 0.0421 194.5

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#ABD3D2

#D3ABAC

Analogous

#ABD3BE

#ABC0D3

#ABD3D2

Triadic

#ABD3D2

#D2ABD3

#D3D2AB

Split Complementary

#ABD3D2

#D3ABC0

#D3BEAB

Tetradic

#ABD3D2

#BEABD3

#D3ABAC

#C0D3AB

Color Blindness Simulation

Original

#ABD3D2

Protanopia

#BCBDD2

Deuteranopia

#BAB7D2

Tritanopia

#ADD2D2

Achromatopsia

#CACACA

CSS Usage

background-color: #ABD3D2;
color: #ABD3D2;
border-color: #ABD3D2;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F9F9
100
#E8F2F2
200
#D0E6E6
300
#AFD5D4
400
#83BEBD
500
#58A7A5
600
#468684
700
#386B6A
800
#2C5453
900
#233E3D
950
#162727

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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