#ABD072

#ABD072

Color Values

HEX

#ABD072

RGB

171, 208, 114

HSL

83.6, 50.0%, 63.1%

HSV

83.6, 45.2%, 81.6%

CMYK

17.8%, 0.0%, 45.2%, 18.4%

OKLCH

0.8096 0.1282 126.7

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#ABD072

#9772D0

Analogous

#D0C672

#7CD072

#ABD072

Triadic

#ABD072

#72ABD0

#D072AB

Split Complementary

#ABD072

#727CD0

#C672D0

Tetradic

#ABD072

#72D0C6

#9772D0

#D0727C

Color Blindness Simulation

Original

#ABD072

Protanopia

#BBBB89

Deuteranopia

#B9B68E

Tritanopia

#AD9B9F

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF5E6
200
#DFEDC9
300
#C8E0A3
400
#ABD071
500
#8DBF40
600
#719933
700
#5A7A29
800
#476020
900
#35461B
950
#222C11

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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