#2AA301

#2AA301

Color Values

HEX

#2AA301

RGB

42, 163, 1

HSL

104.8, 98.8%, 32.2%

HSV

104.8, 99.4%, 63.9%

CMYK

74.2%, 0.0%, 99.4%, 36.1%

OKLCH

0.6251 0.2037 140.6

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#2AA301

#7A01A3

Analogous

#7BA301

#01A329

#2AA301

Triadic

#2AA301

#012AA3

#A3012A

Split Complementary

#2AA301

#2901A3

#A3017B

Tetradic

#2AA301

#017BA3

#7A01A3

#A32901

Color Blindness Simulation

Original

#2AA301

Protanopia

#5E5F28

Deuteranopia

#574E32

Tritanopia

#30474E

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F4FEF1
100
#E6FCDE
200
#CAFFB8
300
#A4FE85
400
#73FE43
500
#41FD02
600
#34CB01
700
#2AA201
800
#217F01
900
#1B5C05
950
#113A03

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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