#ABD584

#ABD584

Color Values

HEX

#ABD584

RGB

171, 213, 132

HSL

91.1, 49.1%, 67.6%

HSV

91.1, 38.0%, 83.5%

CMYK

19.7%, 0.0%, 38.0%, 16.5%

OKLCH

0.8238 0.1162 130.9

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#ABD584

#AE84D5

Analogous

#D3D584

#84D585

#ABD584

Triadic

#ABD584

#84ABD5

#D584AB

Split Complementary

#ABD584

#8584D5

#D584D3

Tetradic

#ABD584

#84D3D5

#AE84D5

#D58584

Color Blindness Simulation

Original

#ABD584

Protanopia

#BDBE98

Deuteranopia

#BBB89C

Tritanopia

#ADA7AA

Achromatopsia

#C6C6C6

CSS Usage

background-color: #ABD584;
color: #ABD584;
border-color: #ABD584;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FBF4
100
#EDF5E6
200
#DBEDCA
300
#C1E0A4
400
#9FCF72
500
#7DBE41
600
#649834
700
#507A2A
800
#3F5F20
900
#30461B
950
#1E2C11

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.58:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026