#20DFBF

#20DFBF

Color Values

HEX

#20DFBF

RGB

32, 223, 191

HSL

169,9, 74,9%, 50,0%

HSV

169,9, 85,7%, 87,5%

CMYK

85,7%, 0,0%, 14,3%, 12,5%

OKLCH

0,81 0,146 176,9

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#20DFBF

#DF2040

Analogous

#20DF5F

#20A0DF

#20DFBF

Triadic

#20DFBF

#BF20DF

#DFBF20

Split Complementary

#20DFBF

#DF20A0

#DF5F20

Tetradic

#20DFBF

#5F20DF

#DF2040

#A0DF20

Color Blindness Simulation

Original

#20DFBF

Protanopia

#7374C7

Deuteranopia

#6859C9

Tritanopia

#2ACDCE

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F2FCFB
100
#E2F9F5
200
#C1F6ED
300
#94F0E0
400
#5AE7D0
500
#20DFBF
600
#1AB299
700
#148F7A
800
#106F5F
900
#105146
950
#0A332C

Contrast Checker

Text on white

1,7:1

AA Fail AAA Fail

Text on black

12,37: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