#22AA7F

#22AA7F

Color Values

HEX

#22AA7F

RGB

34, 170, 127

HSL

161.0, 66.7%, 40.0%

HSV

161.0, 80.0%, 66.7%

CMYK

80.0%, 0.0%, 25.3%, 33.3%

OKLCH

0.6581 0.1288 165.8

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#22AA7F

#AA224D

Analogous

#22AA3B

#2291AA

#22AA7F

Triadic

#22AA7F

#7F22AA

#AA7F22

Split Complementary

#22AA7F

#AA2291

#AA3B22

Tetradic

#22AA7F

#3B22AA

#AA224D

#91AA22

Color Blindness Simulation

Original

#22AA7F

Protanopia

#5D5E89

Deuteranopia

#554B8C

Tritanopia

#299293

Achromatopsia

#8A8A8A

CSS Usage

background-color: #22AA7F;
color: #22AA7F;
border-color: #22AA7F;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F3FCF9
100
#E3F7F1
200
#C3F3E4
300
#99EBD1
400
#62E0B8
500
#2AD59F
600
#22AA7F
700
#1B8866
800
#156A4F
900
#134E3B
950
#0C3125

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.12:1

AA Pass AAA Pass

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