#ABD8C3

#ABD8C3

Color Values

HEX

#ABD8C3

RGB

171, 216, 195

HSL

152.0, 36.6%, 75.9%

HSV

152.0, 20.8%, 84.7%

CMYK

20.8%, 0.0%, 9.7%, 15.3%

OKLCH

0.8444 0.0554 165.0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#ABD8C3

#D8ABC0

Analogous

#ABD8AD

#ABD7D8

#ABD8C3

Triadic

#ABD8C3

#C3ABD8

#D8C3AB

Split Complementary

#ABD8C3

#D8ABD7

#D8ADAB

Tetradic

#ABD8C3

#ADABD8

#D8ABC0

#D7D8AB

Color Blindness Simulation

Original

#ABD8C3

Protanopia

#BEBFC8

Deuteranopia

#BCB8C9

Tritanopia

#ADCCCD

Achromatopsia

#CDCDCD

CSS Usage

background-color: #ABD8C3;
color: #ABD8C3;
border-color: #ABD8C3;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F5FAF8
100
#E8F3EE
200
#CEE8DC
300
#ABD8C3
400
#7EC3A3
500
#51AE83
600
#418B68
700
#346F54
800
#285741
900
#204032
950
#15291F

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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