#04B504

#04B504

Color Values

HEX

#04B504

RGB

4, 181, 4

HSL

120.0, 95.7%, 36.3%

HSV

120.0, 97.8%, 71.0%

CMYK

97.8%, 0.0%, 97.8%, 29.0%

OKLCH

0.6702 0.2269 142.5

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#04B504

#B504B5

Analogous

#5DB504

#04B55D

#04B504

Triadic

#04B504

#0404B5

#B50404

Split Complementary

#04B504

#5D04B5

#B5045D

Tetradic

#04B504

#045DB5

#B504B5

#B55D04

Color Blindness Simulation

Original

#04B504

Protanopia

#51522F

Deuteranopia

#463939

Tritanopia

#0D5158

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

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