#04B904

#04B904

Color Values

HEX

#04B904

RGB

4, 185, 4

HSL

120.0, 95.8%, 37.1%

HSV

120.0, 97.8%, 72.5%

CMYK

97.8%, 0.0%, 97.8%, 27.5%

OKLCH

0.6811 0.2307 142.5

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#04B904

#B904B9

Analogous

#5FB904

#04B95F

#04B904

Triadic

#04B904

#0404B9

#B90404

Split Complementary

#04B904

#5F04B9

#B9045F

Tetradic

#04B904

#045FB9

#B904B9

#B95F04

Color Blindness Simulation

Original

#04B904

Protanopia

#525430

Deuteranopia

#483A3A

Tritanopia

#0D525A

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F1FEF1
100
#DFFCDF
200
#B9FEB9
300
#87FC87
400
#46FB46
500
#05FA05
600
#04C804
700
#03A003
800
#037D03
900
#075A07
950
#043904

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.95:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026