#22AA8F

#22AA8F

Color Values

HEX

#22AA8F

RGB

34, 170, 143

HSL

168.1, 66.7%, 40.0%

HSV

168.1, 80.0%, 66.7%

CMYK

80.0%, 0.0%, 15.9%, 33.3%

OKLCH

0.6625 0.1175 175.1

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#22AA8F

#AA223D

Analogous

#22AA4B

#2281AA

#22AA8F

Triadic

#22AA8F

#8F22AA

#AA8F22

Split Complementary

#22AA8F

#AA2281

#AA4B22

Tetradic

#22AA8F

#4B22AA

#AA223D

#81AA22

Color Blindness Simulation

Original

#22AA8F

Protanopia

#5D5E96

Deuteranopia

#554B97

Tritanopia

#299B9C

Achromatopsia

#8B8B8B

CSS Usage

background-color: #22AA8F;
color: #22AA8F;
border-color: #22AA8F;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F3FCFA
100
#E3F7F3
200
#C3F3EA
300
#99EBDA
400
#62E0C7
500
#2AD5B3
600
#22AA8F
700
#1B8872
800
#156A59
900
#134E42
950
#0C312A

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

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