#20DFC2

#20DFC2

Color Values

HEX

#20DFC2

RGB

32, 223, 194

HSL

170.9, 74.9%, 50.0%

HSV

170.9, 85.7%, 87.5%

CMYK

85.7%, 0.0%, 13.0%, 12.5%

OKLCH

0.8109 0.1444 178.5

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#20DFC2

#DF203D

Analogous

#20DF63

#209CDF

#20DFC2

Triadic

#20DFC2

#C220DF

#DFC220

Split Complementary

#20DFC2

#DF209C

#DF6320

Tetradic

#20DFC2

#6320DF

#DF203D

#9CDF20

Color Blindness Simulation

Original

#20DFC2

Protanopia

#7374C9

Deuteranopia

#6859CB

Tritanopia

#2ACFD0

Achromatopsia

#B4B4B4

CSS Usage

background-color: #20DFC2;
color: #20DFC2;
border-color: #20DFC2;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F2FCFB
100
#E2F9F5
200
#C1F6EE
300
#94F0E2
400
#5AE7D2
500
#20DFC2
600
#1AB29B
700
#148F7C
800
#106F61
900
#105147
950
#0A332D

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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