#3F8540

#3F8540

Color Values

HEX

#3F8540

RGB

63, 133, 64

HSL

120.9, 35.7%, 38.4%

HSV

120.9, 52.6%, 52.2%

CMYK

52.6%, 0.0%, 51.9%, 47.8%

OKLCH

0.5541 0.1246 143.9

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#3F8540

#853F84

Analogous

#61853F

#3F8563

#3F8540

Triadic

#3F8540

#403F85

#85403F

Split Complementary

#3F8540

#633F85

#853F61

Tetradic

#3F8540

#3F6185

#853F84

#85633F

Color Blindness Simulation

Original

#3F8540

Protanopia

#5D5E51

Deuteranopia

#595455

Tritanopia

#425E61

Achromatopsia

#717171

CSS Usage

background-color: #3F8540;
color: #3F8540;
border-color: #3F8540;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CFE8CF
300
#ACD8AD
400
#7FC280
500
#52AD53
600
#428A43
700
#346F35
800
#29572A
900
#214021
950
#152815

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

4.64:1

AA Pass 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