#20DF72

#20DF72

Color Values

HEX

#20DF72

RGB

32, 223, 114

HSL

145.8, 74.9%, 50.0%

HSV

145.8, 85.7%, 87.5%

CMYK

85.7%, 0.0%, 48.9%, 12.5%

OKLCH

0.7932 0.2064 151.1

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#20DF72

#DF208D

Analogous

#2DDF20

#20DFD2

#20DF72

Triadic

#20DF72

#7220DF

#DF7220

Split Complementary

#20DF72

#D220DF

#DF202D

Tetradic

#20DF72

#202DDF

#DF208D

#DFD220

Color Blindness Simulation

Original

#20DF72

Protanopia

#73748C

Deuteranopia

#685993

Tritanopia

#2AA1A6

Achromatopsia

#AFAFAF

CSS Usage

background-color: #20DF72;
color: #20DF72;
border-color: #20DF72;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FCF7
100
#E2F9EC
200
#C1F6D8
300
#94F0BB
400
#5AE797
500
#20DF72
600
#1AB25B
700
#148F49
800
#106F39
900
#10512C
950
#0A331C

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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