#22DDC4

#22DDC4

Color Values

HEX

#22DDC4

RGB

34, 221, 196

HSL

172.0, 73.3%, 50.0%

HSV

172.0, 84.6%, 86.7%

CMYK

84.6%, 0.0%, 11.3%, 13.3%

OKLCH

0.8067 0.1412 180.4

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#22DDC4

#DD223B

Analogous

#22DD67

#2298DD

#22DDC4

Triadic

#22DDC4

#C422DD

#DDC422

Split Complementary

#22DDC4

#DD2298

#DD6722

Tetradic

#22DDC4

#6722DD

#DD223B

#98DD22

Color Blindness Simulation

Original

#22DDC4

Protanopia

#7375CA

Deuteranopia

#685ACC

Tritanopia

#2BCFD0

Achromatopsia

#B3B3B3

CSS Usage

background-color: #22DDC4;
color: #22DDC4;
border-color: #22DDC4;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F3FCFB
100
#E2F8F5
200
#C1F5EE
300
#95EFE3
400
#5BE6D3
500
#22DDC4
600
#1BB19D
700
#168D7D
800
#116E62
900
#105048
950
#0A332D

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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