#22AA99

#22AA99

Color Values

HEX

#22AA99

RGB

34, 170, 153

HSL

172.5, 66.7%, 40.0%

HSV

172.5, 80.0%, 66.7%

CMYK

80.0%, 0.0%, 10.0%, 33.3%

OKLCH

0.6656 0.1124 182.0

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#22AA99

#AA2233

Analogous

#22AA55

#2277AA

#22AA99

Triadic

#22AA99

#9922AA

#AA9922

Split Complementary

#22AA99

#AA2277

#AA5522

Tetradic

#22AA99

#5522AA

#AA2233

#77AA22

Color Blindness Simulation

Original

#22AA99

Protanopia

#5D5E9D

Deuteranopia

#554B9E

Tritanopia

#29A0A1

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C3F3ED
300
#99EBE0
400
#62E0D0
500
#2AD5BF
600
#22AA99
700
#1B887A
800
#156A60
900
#134E46
950
#0C312C

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

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