#22AA50

#22AA50

Color Values

HEX

#22AA50

RGB

34, 170, 80

HSL

140.3, 66.7%, 40.0%

HSV

140.3, 80.0%, 66.7%

CMYK

80.0%, 0.0%, 52.9%, 33.3%

OKLCH

0.6487 0.1709 149.2

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#22AA50

#AA227C

Analogous

#38AA22

#22AA94

#22AA50

Triadic

#22AA50

#5022AA

#AA5022

Split Complementary

#22AA50

#9422AA

#AA2238

Tetradic

#22AA50

#2238AA

#AA227C

#AA9422

Color Blindness Simulation

Original

#22AA50

Protanopia

#5D5E66

Deuteranopia

#554B6B

Tritanopia

#29777B

Achromatopsia

#878787

CSS Usage

background-color: #22AA50;
color: #22AA50;
border-color: #22AA50;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F3FCF6
100
#E3F7EA
200
#C3F3D4
300
#99EBB5
400
#62E08C
500
#2AD564
600
#22AA50
700
#1B8840
800
#156A32
900
#134E27
950
#0C3119

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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