#22DDB9

#22DDB9

Color Values

HEX

#22DDB9

RGB

34, 221, 185

HSL

168.4, 73.3%, 50.0%

HSV

168.4, 84.6%, 86.7%

CMYK

84.6%, 0.0%, 16.3%, 13.3%

OKLCH

0.8036 0.1469 174.8

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#22DDB9

#DD2246

Analogous

#22DD5B

#22A4DD

#22DDB9

Triadic

#22DDB9

#B922DD

#DDB922

Split Complementary

#22DDB9

#DD22A4

#DD5B22

Tetradic

#22DDB9

#5B22DD

#DD2246

#A4DD22

Color Blindness Simulation

Original

#22DDB9

Protanopia

#7375C2

Deuteranopia

#685AC4

Tritanopia

#2BC9CA

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F3FCFA
100
#E2F8F4
200
#C1F5EB
300
#95EFDD
400
#5BE6CB
500
#22DDB9
600
#1BB194
700
#168D76
800
#116E5C
900
#105044
950
#0A332B

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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