#04A009

#04A009

Color Values

HEX

#04A009

RGB

4, 160, 9

HSL

121.9, 95.1%, 32.2%

HSV

121.9, 97.5%, 62.7%

CMYK

97.5%, 0.0%, 94.4%, 37.3%

OKLCH

0.612 0.2058 142.7

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#04A009

#A0049B

Analogous

#4DA004

#04A057

#04A009

Triadic

#04A009

#0904A0

#A00904

Split Complementary

#04A009

#5704A0

#A0044D

Tetradic

#04A009

#044DA0

#A0049B

#A05704

Color Blindness Simulation

Original

#04A009

Protanopia

#48492D

Deuteranopia

#3E3336

Tritanopia

#0C4A51

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F1FEF2
100
#DFFCE0
200
#B9FDBB
300
#88FC8B
400
#47FA4D
500
#06F90E
600
#05C70B
700
#049F09
800
#037C07
900
#075A0A
950
#043906

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

6.04:1

AA Pass AAA Fail

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