#22AA9B

#22AA9B

Color Values

HEX

#22AA9B

RGB

34, 170, 155

HSL

173.4, 66.7%, 40.0%

HSV

173.4, 80.0%, 66.7%

CMYK

80.0%, 0.0%, 8.8%, 33.3%

OKLCH

0.6662 0.1116 183.4

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#22AA9B

#AA2231

Analogous

#22AA57

#2275AA

#22AA9B

Triadic

#22AA9B

#9B22AA

#AA9B22

Split Complementary

#22AA9B

#AA2275

#AA5722

Tetradic

#22AA9B

#5722AA

#AA2231

#75AA22

Color Blindness Simulation

Original

#22AA9B

Protanopia

#5D5E9F

Deuteranopia

#554BA0

Tritanopia

#29A1A2

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C3F3EE
300
#99EBE2
400
#62E0D2
500
#2AD5C2
600
#22AA9B
700
#1B887C
800
#156A61
900
#134E47
950
#0C312D

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

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