#1AE522

#1AE522

Color Values

HEX

#1AE522

RGB

26, 229, 34

HSL

122.4, 79.6%, 50.0%

HSV

122.4, 88.6%, 89.8%

CMYK

88.6%, 0.0%, 85.2%, 10.2%

OKLCH

0.8009 0.2635 142.9

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#1AE522

#E51ADD

Analogous

#77E51A

#1AE588

#1AE522

Triadic

#1AE522

#221AE5

#E5221A

Split Complementary

#1AE522

#881AE5

#E51A77

Tetradic

#1AE522

#1A77E5

#E51ADD

#E5881A

Color Blindness Simulation

Original

#1AE522

Protanopia

#727451

Deuteranopia

#66575C

Tritanopia

#24767F

Achromatopsia

#ACACAC

CSS Usage

background-color: #1AE522;
color: #1AE522;
border-color: #1AE522;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF3
100
#E1F9E2
200
#BFF8C1
300
#91F395
400
#56EC5C
500
#1AE522
600
#15B71B
700
#119316
800
#0D7211
900
#0E5311
950
#09350A

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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