#20DF78

#20DF78

Color Values

HEX

#20DF78

RGB

32, 223, 120

HSL

147.6, 74.9%, 50.0%

HSV

147.6, 85.7%, 87.5%

CMYK

85.7%, 0.0%, 46.2%, 12.5%

OKLCH

0.7942 0.2012 152.3

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#20DF78

#DF2087

Analogous

#28DF20

#20DFD7

#20DF78

Triadic

#20DF78

#7820DF

#DF7820

Split Complementary

#20DF78

#D720DF

#DF2028

Tetradic

#20DF78

#2028DF

#DF2087

#DFD720

Color Blindness Simulation

Original

#20DF78

Protanopia

#737491

Deuteranopia

#685997

Tritanopia

#2AA5A9

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F2FCF7
100
#E2F9EC
200
#C1F6D9
300
#94F0BE
400
#5AE79B
500
#20DF78
600
#1AB260
700
#148F4D
800
#106F3C
900
#10512E
950
#0A331D

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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