#20DF66

#20DF66

Color Values

HEX

#20DF66

RGB

32, 223, 102

HSL

142.0, 74.9%, 50.0%

HSV

142.0, 85.7%, 87.5%

CMYK

85.7%, 0.0%, 54.3%, 12.5%

OKLCH

0.7915 0.2165 149.0

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#20DF66

#DF2099

Analogous

#39DF20

#20DFC6

#20DF66

Triadic

#20DF66

#6620DF

#DF6620

Split Complementary

#20DF66

#C620DF

#DF2039

Tetradic

#20DF66

#2039DF

#DF2099

#DFC620

Color Blindness Simulation

Original

#20DF66

Protanopia

#737483

Deuteranopia

#68598A

Tritanopia

#2A9A9F

Achromatopsia

#AEAEAE

CSS Usage

background-color: #20DF66;
color: #20DF66;
border-color: #20DF66;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FCF6
100
#E2F9EA
200
#C1F6D4
300
#94F0B6
400
#5AE78E
500
#20DF66
600
#1AB252
700
#148F41
800
#106F33
900
#105128
950
#0A3319

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.81:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026