#22AA5F

#22AA5F

Color Values

HEX

#22AA5F

RGB

34, 170, 95

HSL

146.9, 66.7%, 40.0%

HSV

146.9, 80.0%, 66.7%

CMYK

80.0%, 0.0%, 44.1%, 33.3%

OKLCH

0.6511 0.1573 153.0

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#22AA5F

#AA226D

Analogous

#29AA22

#22AAA3

#22AA5F

Triadic

#22AA5F

#5F22AA

#AA5F22

Split Complementary

#22AA5F

#A322AA

#AA2229

Tetradic

#22AA5F

#2229AA

#AA226D

#AAA322

Color Blindness Simulation

Original

#22AA5F

Protanopia

#5D5E71

Deuteranopia

#554B76

Tritanopia

#297F83

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F7EC
200
#C3F3D9
300
#99EBBE
400
#62E09A
500
#2AD577
600
#22AA5F
700
#1B884C
800
#156A3B
900
#134E2D
950
#0C311D

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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