#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026