#ABD728

#ABD728

Color Values

HEX

#ABD728

RGB

171, 215, 40

HSL

75.1, 68.6%, 50.0%

HSV

75.1, 81.4%, 84.3%

CMYK

20.5%, 0.0%, 81.4%, 15.7%

OKLCH

0.8188 0.1921 123.7

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#ABD728

#5428D7

Analogous

#D7AC28

#53D728

#ABD728

Triadic

#ABD728

#28ABD7

#D728AB

Split Complementary

#ABD728

#2853D7

#AC28D7

Tetradic

#ABD728

#28D7AC

#5428D7

#D72853

Color Blindness Simulation

Original

#ABD728

Protanopia

#BEBE52

Deuteranopia

#BCB85C

Tritanopia

#AD747B

Achromatopsia

#C1C1C1

CSS Usage

background-color: #ABD728;
color: #ABD728;
border-color: #ABD728;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FAFCF3
100
#F2F8E3
200
#E7F4C3
300
#D7EC98
400
#C1E160
500
#ABD728
600
#89AC20
700
#6D8A1A
800
#556B14
900
#3F4E13
950
#28310C

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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