#22AA30

#22AA30

Color Values

HEX

#22AA30

RGB

34, 170, 48

HSL

126.2, 66.7%, 40.0%

HSV

126.2, 80.0%, 66.7%

CMYK

80.0%, 0.0%, 71.8%, 33.3%

OKLCH

0.645 0.1956 144.0

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#22AA30

#AA229C

Analogous

#58AA22

#22AA74

#22AA30

Triadic

#22AA30

#3022AA

#AA3022

Split Complementary

#22AA30

#7422AA

#AA2258

Tetradic

#22AA30

#2258AA

#AA229C

#AA7422

Color Blindness Simulation

Original

#22AA30

Protanopia

#5D5E4D

Deuteranopia

#554B55

Tritanopia

#29656A

Achromatopsia

#848484

CSS Usage

background-color: #22AA30;
color: #22AA30;
border-color: #22AA30;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF4
100
#E3F7E5
200
#C3F3C8
300
#99EBA1
400
#62E06F
500
#2AD53C
600
#22AA30
700
#1B8826
800
#156A1E
900
#134E19
950
#0C3110

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.86:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026