#ABD3D4

#ABD3D4

Color Values

HEX

#ABD3D4

RGB

171, 211, 212

HSL

181.5, 32.3%, 75.1%

HSV

181.5, 19.3%, 83.1%

CMYK

19.3%, 0.5%, 0.0%, 16.9%

OKLCH

0.8386 0.0421 198.3

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#ABD3D4

#D4ACAB

Analogous

#ABD4C1

#ABBED4

#ABD3D4

Triadic

#ABD3D4

#D4ABD3

#D3D4AB

Split Complementary

#ABD3D4

#D4ABBE

#D4C1AB

Tetradic

#ABD3D4

#C1ABD4

#D4ACAB

#BED4AB

Color Blindness Simulation

Original

#ABD3D4

Protanopia

#BCBDD4

Deuteranopia

#BAB7D4

Tritanopia

#ADD4D4

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F2
200
#D0E6E7
300
#AED5D6
400
#82BEBF
500
#56A7A9
600
#458587
700
#376B6C
800
#2B5354
900
#223E3F
950
#162727

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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