#22AA98

#22AA98

Color Values

HEX

#22AA98

RGB

34, 170, 152

HSL

172.1, 66.7%, 40.0%

HSV

172.1, 80.0%, 66.7%

CMYK

80.0%, 0.0%, 10.6%, 33.3%

OKLCH

0.6653 0.1128 181.3

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#22AA98

#AA2234

Analogous

#22AA54

#2278AA

#22AA98

Triadic

#22AA98

#9822AA

#AA9822

Split Complementary

#22AA98

#AA2278

#AA5422

Tetradic

#22AA98

#5422AA

#AA2234

#78AA22

Color Blindness Simulation

Original

#22AA98

Protanopia

#5D5E9C

Deuteranopia

#554B9D

Tritanopia

#29A0A1

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C3F3ED
300
#99EBE0
400
#62E0CF
500
#2AD5BE
600
#22AA98
700
#1B887A
800
#156A5F
900
#134E46
950
#0C312C

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

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