#ABE229

#ABE229

Color Values

HEX

#ABE229

RGB

171, 226, 41

HSL

77.8, 76.1%, 52.4%

HSV

77.8, 81.9%, 88.6%

CMYK

24.3%, 0.0%, 81.9%, 11.4%

OKLCH

0.8443 0.2041 126.0

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#ABE229

#6029E2

Analogous

#E2BC29

#4FE229

#ABE229

Triadic

#ABE229

#29ABE2

#E229AB

Split Complementary

#ABE229

#294FE2

#BC29E2

Tetradic

#ABE229

#29E2BC

#6029E2

#E2294F

Color Blindness Simulation

Original

#ABE229

Protanopia

#C3C356

Deuteranopia

#C0BC60

Tritanopia

#AE7981

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F9FCF2
100
#F2F9E2
200
#E6F6C0
300
#D5F093
400
#BEE859
500
#A7E11E
600
#86B418
700
#6B9014
800
#53700F
900
#3E520F
950
#27340A

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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