#5AC309

#5AC309

Color Values

HEX

#5AC309

RGB

90, 195, 9

HSL

93.9, 91.2%, 40.0%

HSV

93.9, 95.4%, 76.5%

CMYK

53.8%, 0.0%, 95.4%, 23.5%

OKLCH

0.7255 0.2175 137.0

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#5AC309

#7209C3

Analogous

#B7C309

#09C315

#5AC309

Triadic

#5AC309

#095AC3

#C3095A

Split Complementary

#5AC309

#1509C3

#C309B7

Tetradic

#5AC309

#09B7C3

#7209C3

#C31509

Color Blindness Simulation

Original

#5AC309

Protanopia

#878836

Deuteranopia

#817A41

Tritanopia

#5F5A61

Achromatopsia

#9F9F9F

CSS Usage

background-color: #5AC309;
color: #5AC309;
border-color: #5AC309;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FDF1
100
#EBFBDF
200
#D7FCBB
300
#BBFA8A
400
#95F74B
500
#70F40B
600
#5AC309
700
#489C07
800
#387A06
900
#2B5809
950
#1B3805

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

9.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