#5EB016

#5EB016

Color Values

HEX

#5EB016

RGB

94, 176, 22

HSL

91.9, 77.8%, 38.8%

HSV

91.9, 87.5%, 69.0%

CMYK

46.6%, 0.0%, 87.5%, 31.0%

OKLCH

0.6784 0.1917 135.1

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#5EB016

#6816B0

Analogous

#ABB016

#16B01B

#5EB016

Triadic

#5EB016

#165EB0

#B0165E

Split Complementary

#5EB016

#1B16B0

#B016AB

Tetradic

#5EB016

#16ABB0

#6816B0

#B01B16

Color Blindness Simulation

Original

#5EB016

Protanopia

#82823B

Deuteranopia

#7D7744

Tritanopia

#62595F

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F7FCF2
100
#ECF9E1
200
#DAF7C0
300
#BFF192
400
#9CEA57
500
#79E31C
600
#61B517
700
#4E9112
800
#3D710E
900
#2E520F
950
#1D3409

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

7.7:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026