#ABD9AE

#ABD9AE

Color Values

HEX

#ABD9AE

RGB

171, 217, 174

HSL

123.9, 37.7%, 76.1%

HSV

123.9, 21.2%, 85.1%

CMYK

21.2%, 0.0%, 19.8%, 14.9%

OKLCH

0.8413 0.0763 146.6

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#ABD9AE

#D9ABD6

Analogous

#BFD9AB

#ABD9C5

#ABD9AE

Triadic

#ABD9AE

#AEABD9

#D9AEAB

Split Complementary

#ABD9AE

#C5ABD9

#D9ABBF

Tetradic

#ABD9AE

#ABBFD9

#D9ABD6

#D9C5AB

Color Blindness Simulation

Original

#ABD9AE

Protanopia

#BFBFB8

Deuteranopia

#BCB9BB

Tritanopia

#ADC1C2

Achromatopsia

#CCCCCC

CSS Usage

background-color: #ABD9AE;
color: #ABD9AE;
border-color: #ABD9AE;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CEE9D0
300
#ABD9AE
400
#7DC482
500
#4FB056
600
#408C45
700
#337037
800
#28582B
900
#204122
950
#142916

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026