#04C306

#04C306

Color Values

HEX

#04C306

RGB

4, 195, 6

HSL

120.6, 96.0%, 39.0%

HSV

120.6, 97.9%, 76.5%

CMYK

97.9%, 0.0%, 96.9%, 23.5%

OKLCH

0.7084 0.2397 142.6

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#04C306

#C304C1

Analogous

#62C304

#04C365

#04C306

Triadic

#04C306

#0604C3

#C30604

Split Complementary

#04C306

#6504C3

#C30462

Tetradic

#04C306

#0462C3

#C304C1

#C36504

Color Blindness Simulation

Original

#04C306

Protanopia

#575834

Deuteranopia

#4C3D3F

Tritanopia

#0E5860

Achromatopsia

#8D8D8D

CSS Usage

background-color: #04C306;
color: #04C306;
border-color: #04C306;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F1FEF1
100
#DFFCDF
200
#B9FEBA
300
#87FD88
400
#46FB48
500
#05FA08
600
#04C806
700
#03A005
800
#037D04
900
#075A07
950
#043905

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.81:1

AA Pass AAA Pass

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