#20DFBB

#20DFBB

Color Values

HEX

#20DFBB

RGB

32, 223, 187

HSL

168.7, 74.9%, 50.0%

HSV

168.7, 85.7%, 87.5%

CMYK

85.7%, 0.0%, 16.1%, 12.5%

OKLCH

0.8089 0.1482 175.0

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#20DFBB

#DF2044

Analogous

#20DF5C

#20A3DF

#20DFBB

Triadic

#20DFBB

#BB20DF

#DFBB20

Split Complementary

#20DFBB

#DF20A3

#DF5C20

Tetradic

#20DFBB

#5C20DF

#DF2044

#A3DF20

Color Blindness Simulation

Original

#20DFBB

Protanopia

#7374C4

Deuteranopia

#6859C6

Tritanopia

#2ACBCC

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F2FCFA
100
#E2F9F4
200
#C1F6EC
300
#94F0DE
400
#5AE7CD
500
#20DFBB
600
#1AB296
700
#148F78
800
#106F5E
900
#105145
950
#0A332B

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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