#22CDDD

#22CDDD

Color Values

HEX

#22CDDD

RGB

34, 205, 221

HSL

185.1, 73.3%, 50.0%

HSV

185.1, 84.6%, 86.7%

CMYK

84.6%, 7.2%, 0.0%, 13.3%

OKLCH

0.7762 0.1277 205.2

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#22CDDD

#DD3222

Analogous

#22DD8F

#2270DD

#22CDDD

Triadic

#22CDDD

#DD22CD

#CDDD22

Split Complementary

#22CDDD

#DD2270

#DD8F22

Tetradic

#22CDDD

#8F22DD

#DD3222

#70DD22

Color Blindness Simulation

Original

#22CDDD

Protanopia

#6C6ED9

Deuteranopia

#6255D8

Tritanopia

#2BD6D5

Achromatopsia

#AAAAAA

CSS Usage

background-color: #22CDDD;
color: #22CDDD;
border-color: #22CDDD;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFC
100
#E2F6F8
200
#C1F1F5
300
#95E7EF
400
#5BDAE6
500
#22CDDD
600
#1BA4B1
700
#16838D
800
#11676E
900
#104B50
950
#0A2F33

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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