#ABD982

#ABD982

Color Values

HEX

#ABD982

RGB

171, 217, 130

HSL

91.7, 53.4%, 68.0%

HSV

91.7, 40.1%, 85.1%

CMYK

21.2%, 0.0%, 40.1%, 14.9%

OKLCH

0.8325 0.1244 131.3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#ABD982

#B082D9

Analogous

#D7D982

#82D984

#ABD982

Triadic

#ABD982

#82ABD9

#D982AB

Split Complementary

#ABD982

#8482D9

#D982D7

Tetradic

#ABD982

#82D7D9

#B082D9

#D98482

Color Blindness Simulation

Original

#ABD982

Protanopia

#BFBF97

Deuteranopia

#BCB99C

Tritanopia

#ADA8AB

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DAEEC8
300
#C0E2A1
400
#9ED36E
500
#7CC43B
600
#639C30
700
#4F7D26
800
#3E621E
900
#2F4819
950
#1E2D10

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

12.98:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026