#04A042

#04A042

Color Values

HEX

#04A042

RGB

4, 160, 66

HSL

143.8, 95.1%, 32.2%

HSV

143.8, 97.5%, 62.7%

CMYK

97.5%, 0.0%, 58.8%, 37.3%

OKLCH

0.6162 0.1753 148.4

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#04A042

#A00462

Analogous

#14A004

#04A090

#04A042

Triadic

#04A042

#4204A0

#A04204

Split Complementary

#04A042

#9004A0

#A00414

Tetradic

#04A042

#0414A0

#A00462

#A09004

Color Blindness Simulation

Original

#04A042

Protanopia

#484959

Deuteranopia

#3E335E

Tritanopia

#0C6B6F

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F1FEF6
100
#DFFCEA
200
#B9FDD4
300
#88FCB6
400
#47FA8E
500
#06F966
600
#05C752
700
#049F42
800
#037C33
900
#075A28
950
#043919

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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