#04A804

#04A804

Color Values

HEX

#04A804

RGB

4, 168, 4

HSL

120.0, 95.3%, 33.7%

HSV

120.0, 97.6%, 65.9%

CMYK

97.6%, 0.0%, 97.6%, 34.1%

OKLCH

0.6342 0.2145 142.5

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#04A804

#A804A8

Analogous

#56A804

#04A856

#04A804

Triadic

#04A804

#0404A8

#A80404

Split Complementary

#04A804

#5604A8

#A80456

Tetradic

#04A804

#0456A8

#A804A8

#A85604

Color Blindness Simulation

Original

#04A804

Protanopia

#4B4C2C

Deuteranopia

#423535

Tritanopia

#0C4B52

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F1FEF1
100
#DFFCDF
200
#B9FDB9
300
#87FC87
400
#47FB47
500
#06F906
600
#05C705
700
#049F04
800
#037D03
900
#075A07
950
#043904

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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