#22A7AA

#22A7AA

Color Values

HEX

#22A7AA

RGB

34, 167, 170

HSL

181.3, 66.7%, 40.0%

HSV

181.3, 80.0%, 66.7%

CMYK

80.0%, 1.8%, 0.0%, 33.3%

OKLCH

0.6638 0.1064 197.3

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#22A7AA

#AA2522

Analogous

#22AA69

#2263AA

#22A7AA

Triadic

#22A7AA

#AA22A7

#A7AA22

Split Complementary

#22A7AA

#AA2263

#AA6922

Tetradic

#22A7AA

#6922AA

#AA2522

#63AA22

Color Blindness Simulation

Original

#22A7AA

Protanopia

#5C5DA9

Deuteranopia

#544AA9

Tritanopia

#29A9A9

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F7F7
200
#C3F2F3
300
#99E9EB
400
#62DDE0
500
#2AD1D5
600
#22A7AA
700
#1B8688
800
#15686A
900
#134C4E
950
#0C3031

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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