#3BA329

#3BA329

Color Values

HEX

#3BA329

RGB

59, 163, 41

HSL

111.1, 59.8%, 40.0%

HSV

111.1, 74.8%, 63.9%

CMYK

63.8%, 0.0%, 74.8%, 36.1%

OKLCH

0.6313 0.184 141.0

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#3BA329

#9129A3

Analogous

#78A329

#29A354

#3BA329

Triadic

#3BA329

#293BA3

#A3293B

Split Complementary

#3BA329

#5429A3

#A32978

Tetradic

#3BA329

#2978A3

#9129A3

#A35429

Color Blindness Simulation

Original

#3BA329

Protanopia

#686946

Deuteranopia

#625A4E

Tritanopia

#405E63

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F5FBF3
100
#E7F6E4
200
#CCF1C6
300
#A8E69D
400
#79D968
500
#4ACC33
600
#3BA329
700
#2F8221
800
#25661A
900
#1E4B16
950
#132F0E

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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