#5DA020

#5DA020

Color Values

HEX

#5DA020

RGB

93, 160, 32

HSL

91.4, 66.7%, 37.6%

HSV

91.4, 80.0%, 62.7%

CMYK

41.9%, 0.0%, 80.0%, 37.3%

OKLCH

0.6369 0.1692 134.0

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#5DA020

#6320A0

Analogous

#9DA020

#20A023

#5DA020

Triadic

#5DA020

#205DA0

#A0205D

Split Complementary

#5DA020

#2320A0

#A0209D

Tetradic

#5DA020

#209DA0

#6320A0

#A02320

Color Blindness Simulation

Original

#5DA020

Protanopia

#7A7B3F

Deuteranopia

#767146

Tritanopia

#60575D

Achromatopsia

#898989

CSS Usage

background-color: #5DA020;
color: #5DA020;
border-color: #5DA020;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FCF3
100
#EDF7E3
200
#DAF3C3
300
#C0EB99
400
#9EE062
500
#7CD52A
600
#63AA22
700
#4F881B
800
#3E6A15
900
#2F4E13
950
#1E310C

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.51:1

AA Pass AAA Fail

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