#04A031

#04A031

Color Values

HEX

#04A031

RGB

4, 160, 49

HSL

137.3, 95.1%, 32.2%

HSV

137.3, 97.5%, 62.7%

CMYK

97.5%, 0.0%, 69.4%, 37.3%

OKLCH

0.6143 0.1882 145.7

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#04A031

#A00473

Analogous

#25A004

#04A07F

#04A031

Triadic

#04A031

#3104A0

#A03104

Split Complementary

#04A031

#7F04A0

#A00425

Tetradic

#04A031

#0425A0

#A00473

#A07F04

Color Blindness Simulation

Original

#04A031

Protanopia

#48494C

Deuteranopia

#3E3352

Tritanopia

#0C6166

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F1FEF5
100
#DFFCE7
200
#B9FDCD
300
#88FCA9
400
#47FA7B
500
#06F94C
600
#05C73D
700
#049F31
800
#037C26
900
#075A1F
950
#043914

Contrast Checker

Text on white

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