#20DF71

#20DF71

Color Values

HEX

#20DF71

RGB

32, 223, 113

HSL

145.4, 74.9%, 50.0%

HSV

145.4, 85.7%, 87.5%

CMYK

85.7%, 0.0%, 49.3%, 12.5%

OKLCH

0.7931 0.2073 150.9

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#20DF71

#DF208E

Analogous

#2FDF20

#20DFD0

#20DF71

Triadic

#20DF71

#7120DF

#DF7120

Split Complementary

#20DF71

#D020DF

#DF202F

Tetradic

#20DF71

#202FDF

#DF208E

#DFD020

Color Blindness Simulation

Original

#20DF71

Protanopia

#73748C

Deuteranopia

#685992

Tritanopia

#2AA1A5

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F2FCF7
100
#E2F9EB
200
#C1F6D7
300
#94F0BB
400
#5AE796
500
#20DF71
600
#1AB25A
700
#148F48
800
#106F38
900
#10512B
950
#0A331B

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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