#3AB319

#3AB319

Color Values

HEX

#3AB319

RGB

58, 179, 25

HSL

107.1, 75.5%, 40.0%

HSV

107.1, 86.0%, 70.2%

CMYK

67.6%, 0.0%, 86.0%, 29.8%

OKLCH

0.6732 0.2095 140.4

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#3AB319

#9219B3

Analogous

#87B319

#19B345

#3AB319

Triadic

#3AB319

#193AB3

#B3193A

Split Complementary

#3AB319

#4519B3

#B31987

Tetradic

#3AB319

#1987B3

#9219B3

#B34519

Color Blindness Simulation

Original

#3AB319

Protanopia

#6E6F3E

Deuteranopia

#675E47

Tritanopia

#405C62

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F5FCF2
100
#E7F9E2
200
#CCF6C0
300
#A7F094
400
#78E859
500
#49E01F
600
#3AB319
700
#2E8F14
800
#247010
900
#1E5110
950
#13330A

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

7.64:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026