#04A034

#04A034

Color Values

HEX

#04A034

RGB

4, 160, 52

HSL

138.5, 95.1%, 32.2%

HSV

138.5, 97.5%, 62.7%

CMYK

97.5%, 0.0%, 67.5%, 37.3%

OKLCH

0.6145 0.1862 146.1

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#04A034

#A00470

Analogous

#22A004

#04A082

#04A034

Triadic

#04A034

#3404A0

#A03404

Split Complementary

#04A034

#8204A0

#A00422

Tetradic

#04A034

#0422A0

#A00470

#A08204

Color Blindness Simulation

Original

#04A034

Protanopia

#48494E

Deuteranopia

#3E3354

Tritanopia

#0C6367

Achromatopsia

#777777

CSS Usage

background-color: #04A034;
color: #04A034;
border-color: #04A034;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F1FEF5
100
#DFFCE8
200
#B9FDCE
300
#88FCAB
400
#47FA7E
500
#06F951
600
#05C741
700
#049F34
800
#037C29
900
#075A21
950
#043915

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

6.08:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026