#22AAA7

#22AAA7

Color Values

HEX

#22AAA7

RGB

34, 170, 167

HSL

178.7, 66.7%, 40.0%

HSV

178.7, 80.0%, 66.7%

CMYK

80.0%, 0.0%, 1.8%, 33.3%

OKLCH

0.6703 0.1084 192.5

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#22AAA7

#AA2225

Analogous

#22AA63

#2269AA

#22AAA7

Triadic

#22AAA7

#A722AA

#AAA722

Split Complementary

#22AAA7

#AA2269

#AA6322

Tetradic

#22AAA7

#6322AA

#AA2225

#69AA22

Color Blindness Simulation

Original

#22AAA7

Protanopia

#5D5EA8

Deuteranopia

#554BA8

Tritanopia

#29A8A8

Achromatopsia

#8D8D8D

CSS Usage

background-color: #22AAA7;
color: #22AAA7;
border-color: #22AAA7;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFB
100
#E3F7F7
200
#C3F3F2
300
#99EBE9
400
#62E0DD
500
#2AD5D1
600
#22AAA7
700
#1B8886
800
#156A68
900
#134E4C
950
#0C3130

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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