#20DF32

#20DF32

Color Values

HEX

#20DF32

RGB

32, 223, 50

HSL

125.7, 74.9%, 50.0%

HSV

125.7, 85.7%, 87.5%

CMYK

85.7%, 0.0%, 77.6%, 12.5%

OKLCH

0.7866 0.2507 143.5

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#20DF32

#DF20CD

Analogous

#6DDF20

#20DF92

#20DF32

Triadic

#20DF32

#3220DF

#DF3220

Split Complementary

#20DF32

#9220DF

#DF206D

Tetradic

#20DF32

#206DDF

#DF20CD

#DF9220

Color Blindness Simulation

Original

#20DF32

Protanopia

#73745C

Deuteranopia

#685966

Tritanopia

#2A7D84

Achromatopsia

#AAAAAA

CSS Usage

background-color: #20DF32;
color: #20DF32;
border-color: #20DF32;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FCF3
100
#E2F9E4
200
#C1F6C6
300
#94F09D
400
#5AE767
500
#20DF32
600
#1AB228
700
#148F20
800
#106F19
900
#105116
950
#0A330E

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.66:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026