#3F7004

#3F7004

Color Values

HEX

#3F7004

RGB

63, 112, 4

HSL

87.2, 93.1%, 22.7%

HSV

87.2, 96.4%, 43.9%

CMYK

43.7%, 0.0%, 96.4%, 56.1%

OKLCH

0.491 0.1371 133.2

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#3F7004

#350470

Analogous

#706B04

#097004

#3F7004

Triadic

#3F7004

#043F70

#70043F

Split Complementary

#3F7004

#040970

#6B0470

Tetradic

#3F7004

#04706B

#350470

#700409

Color Blindness Simulation

Original

#3F7004

Protanopia

#54551E

Deuteranopia

#514E24

Tritanopia

#413337

Achromatopsia

#5E5E5E

CSS Usage

background-color: #3F7004;
color: #3F7004;
border-color: #3F7004;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FDF1
100
#EEFBDF
200
#DEFDBA
300
#C7FB89
400
#A9F849
500
#8BF609
600
#6FC507
700
#599E06
800
#457B04
900
#345908
950
#213805

Contrast Checker

Text on white

5.95:1

AA Pass AAA Fail

Text on black

3.53:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026