#22ABAB

#22ABAB

Color Values

HEX

#22ABAB

RGB

34, 171, 171

HSL

180.0, 66.8%, 40.2%

HSV

180.0, 80.1%, 67.1%

CMYK

80.1%, 0.0%, 0.0%, 32.9%

OKLCH

0.6742 0.1087 194.9

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#22ABAB

#AB2222

Analogous

#22AB67

#2267AB

#22ABAB

Triadic

#22ABAB

#AB22AB

#ABAB22

Split Complementary

#22ABAB

#AB2267

#AB6722

Tetradic

#22ABAB

#6722AB

#AB2222

#67AB22

Color Blindness Simulation

Original

#22ABAB

Protanopia

#5D5FAB

Deuteranopia

#554BAB

Tritanopia

#29ABAB

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F3F3
300
#99EBEB
400
#62E0E0
500
#2AD5D5
600
#22AAAA
700
#1B8888
800
#156A6A
900
#134E4E
950
#0C3131

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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