#ABD180

#ABD180

Color Values

HEX

#ABD180

RGB

171, 209, 128

HSL

88.1, 46.8%, 66.1%

HSV

88.1, 38.8%, 82.0%

CMYK

18.2%, 0.0%, 38.8%, 18.0%

OKLCH

0.8141 0.1146 129.1

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#ABD180

#A680D1

Analogous

#D1CE80

#83D180

#ABD180

Triadic

#ABD180

#80ABD1

#D180AB

Split Complementary

#ABD180

#8083D1

#CE80D1

Tetradic

#ABD180

#80D1CE

#A680D1

#D18083

Color Blindness Simulation

Original

#ABD180

Protanopia

#BBBC94

Deuteranopia

#B9B698

Tritanopia

#ADA3A6

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DCECCB
300
#C4DEA5
400
#A3CD74
500
#83BB44
600
#699636
700
#54782B
800
#425E22
900
#32451C
950
#1F2B12

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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