#04C820

#04C820

Color Values

HEX

#04C820

RGB

4, 200, 32

HSL

128.6, 96.1%, 40.0%

HSV

128.6, 98.0%, 78.4%

CMYK

98.0%, 0.0%, 84.0%, 21.6%

OKLCH

0.7226 0.2383 143.4

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#04C820

#C804AC

Analogous

#4AC804

#04C882

#04C820

Triadic

#04C820

#2004C8

#C82004

Split Complementary

#04C820

#8204C8

#C8044A

Tetradic

#04C820

#044AC8

#C804AC

#C88204

Color Blindness Simulation

Original

#04C820

Protanopia

#595B49

Deuteranopia

#4E3F52

Tritanopia

#0E6970

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F1FEF3
100
#DFFCE3
200
#B9FEC3
300
#87FD98
400
#46FB60
500
#05FA28
600
#04C820
700
#03A01A
800
#027D14
900
#075A13
950
#04390C

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.29:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026