#22AA85

#22AA85

Color Values

HEX

#22AA85

RGB

34, 170, 133

HSL

163.7, 66.7%, 40.0%

HSV

163.7, 80.0%, 66.7%

CMYK

80.0%, 0.0%, 21.8%, 33.3%

OKLCH

0.6597 0.1242 169.1

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#22AA85

#AA2247

Analogous

#22AA41

#228BAA

#22AA85

Triadic

#22AA85

#8522AA

#AA8522

Split Complementary

#22AA85

#AA228B

#AA4122

Tetradic

#22AA85

#4122AA

#AA2247

#8BAA22

Color Blindness Simulation

Original

#22AA85

Protanopia

#5D5E8E

Deuteranopia

#554B90

Tritanopia

#299597

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F3FCF9
100
#E3F7F2
200
#C3F3E6
300
#99EBD4
400
#62E0BD
500
#2AD5A6
600
#22AA85
700
#1B886A
800
#156A53
900
#134E3E
950
#0C3127

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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