#20DF75

#20DF75

Color Values

HEX

#20DF75

RGB

32, 223, 117

HSL

146.7, 74.9%, 50.0%

HSV

146.7, 85.7%, 87.5%

CMYK

85.7%, 0.0%, 47.5%, 12.5%

OKLCH

0.7937 0.2038 151.7

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#20DF75

#DF208A

Analogous

#2BDF20

#20DFD4

#20DF75

Triadic

#20DF75

#7520DF

#DF7520

Split Complementary

#20DF75

#D420DF

#DF202B

Tetradic

#20DF75

#202BDF

#DF208A

#DFD420

Color Blindness Simulation

Original

#20DF75

Protanopia

#73748F

Deuteranopia

#685995

Tritanopia

#2AA3A7

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F2FCF7
100
#E2F9EC
200
#C1F6D8
300
#94F0BD
400
#5AE799
500
#20DF75
600
#1AB25E
700
#148F4B
800
#106F3A
900
#10512D
950
#0A331C

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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