#3AA004

#3AA004

Color Values

HEX

#3AA004

RGB

58, 160, 4

HSL

99.2, 95.1%, 32.2%

HSV

99.2, 97.5%, 62.7%

CMYK

63.8%, 0.0%, 97.5%, 37.3%

OKLCH

0.6213 0.1945 139.0

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#3AA004

#6A04A0

Analogous

#88A004

#04A01C

#3AA004

Triadic

#3AA004

#043AA0

#A0043A

Split Complementary

#3AA004

#1C04A0

#A00488

Tetradic

#3AA004

#0488A0

#6A04A0

#A01C04

Color Blindness Simulation

Original

#3AA004

Protanopia

#66672A

Deuteranopia

#605933

Tritanopia

#3F484E

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F5FEF1
100
#E9FCDF
200
#D1FDB9
300
#B0FC88
400
#85FA47
500
#5AF906
600
#48C705
700
#3A9F04
800
#2D7C03
900
#245A07
950
#173904

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.21:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026