#3BA004

#3BA004

Color Values

HEX

#3BA004

RGB

59, 160, 4

HSL

98.8, 95.1%, 32.2%

HSV

98.8, 97.5%, 62.7%

CMYK

63.1%, 0.0%, 97.5%, 37.3%

OKLCH

0.6216 0.1941 138.9

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#3BA004

#6904A0

Analogous

#89A004

#04A01B

#3BA004

Triadic

#3BA004

#043BA0

#A0043B

Split Complementary

#3BA004

#1B04A0

#A00489

Tetradic

#3BA004

#0489A0

#6904A0

#A01B04

Color Blindness Simulation

Original

#3BA004

Protanopia

#67682A

Deuteranopia

#615933

Tritanopia

#40484E

Achromatopsia

#7F7F7F

CSS Usage

background-color: #3BA004;
color: #3BA004;
border-color: #3BA004;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FEF1
100
#E9FCDF
200
#D1FDB9
300
#B1FC88
400
#86FA47
500
#5CF906
600
#4AC705
700
#3B9F04
800
#2E7C03
900
#245A07
950
#173904

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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