#04A302

#04A302

Color Values

HEX

#04A302

RGB

4, 163, 2

HSL

119.3, 97.6%, 32.4%

HSV

119.3, 98.8%, 63.9%

CMYK

97.5%, 0.0%, 98.8%, 36.1%

OKLCH

0.6202 0.2101 142.5

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#04A302

#A102A3

Analogous

#55A302

#02A351

#04A302

Triadic

#04A302

#0204A3

#A30204

Split Complementary

#04A302

#5102A3

#A30255

Tetradic

#04A302

#0255A3

#A102A3

#A35102

Color Blindness Simulation

Original

#04A302

Protanopia

#494A29

Deuteranopia

#403432

Tritanopia

#0C484E

Achromatopsia

#767676

CSS Usage

background-color: #04A302;
color: #04A302;
border-color: #04A302;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F1FEF1
100
#DFFCDE
200
#B9FEB8
300
#87FE86
400
#47FD45
500
#06FC03
600
#05CA02
700
#04A102
800
#037E02
900
#075B06
950
#043904

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.24:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026