#4DAC20

#4DAC20

Color Values

HEX

#4DAC20

RGB

77, 172, 32

HSL

100.7, 68.6%, 40.0%

HSV

100.7, 81.4%, 67.5%

CMYK

55.2%, 0.0%, 81.4%, 32.5%

OKLCH

0.6611 0.1914 138.2

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#4DAC20

#7F20AC

Analogous

#93AC20

#20AC39

#4DAC20

Triadic

#4DAC20

#204DAC

#AC204D

Split Complementary

#4DAC20

#3920AC

#AC2093

Tetradic

#4DAC20

#2093AC

#7F20AC

#AC3920

Color Blindness Simulation

Original

#4DAC20

Protanopia

#767742

Deuteranopia

#716A4A

Tritanopia

#525D62

Achromatopsia

#8E8E8E

CSS Usage

background-color: #4DAC20;
color: #4DAC20;
border-color: #4DAC20;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FCF3
100
#E9F8E3
200
#D3F4C3
300
#B3EC98
400
#8AE160
500
#60D728
600
#4DAC20
700
#3E8A1A
800
#306B14
900
#264E13
950
#18310C

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

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