#2AA202

#2AA202

Color Values

HEX

#2AA202

RGB

42, 162, 2

HSL

105.0, 97.6%, 32.2%

HSV

105.0, 98.8%, 63.5%

CMYK

74.1%, 0.0%, 98.8%, 36.5%

OKLCH

0.6224 0.2025 140.6

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#2AA202

#7A02A2

Analogous

#7AA202

#02A22A

#2AA202

Triadic

#2AA202

#022AA2

#A2022A

Split Complementary

#2AA202

#2A02A2

#A2027A

Tetradic

#2AA202

#027AA2

#7A02A2

#A22A02

Color Blindness Simulation

Original

#2AA202

Protanopia

#5E5F29

Deuteranopia

#574E32

Tritanopia

#30474E

Achromatopsia

#7D7D7D

CSS Usage

background-color: #2AA202;
color: #2AA202;
border-color: #2AA202;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F4FEF1
100
#E6FCDE
200
#CAFEB8
300
#A4FE86
400
#73FD45
500
#41FC03
600
#34CA02
700
#2AA102
800
#217E02
900
#1B5B06
950
#113904

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

6.27:1

AA Pass AAA Fail

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