#4F7436

#4F7436

Color Values

HEX

#4F7436

RGB

79, 116, 54

HSL

95.8, 36.5%, 33.3%

HSV

95.8, 53.4%, 45.5%

CMYK

31.9%, 0.0%, 53.4%, 54.5%

OKLCH

0.5158 0.0996 134.1

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#4F7436

#5B3674

Analogous

#6E7436

#36743C

#4F7436

Triadic

#4F7436

#364F74

#74364F

Split Complementary

#4F7436

#3C3674

#74366E

Tetradic

#4F7436

#366E74

#5B3674

#743C36

Color Blindness Simulation

Original

#4F7436

Protanopia

#5F5F45

Deuteranopia

#5D5A49

Tritanopia

#515153

Achromatopsia

#686868

CSS Usage

background-color: #4F7436;
color: #4F7436;
border-color: #4F7436;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7FAF5
100
#ECF3E8
200
#D9E8CE
300
#BDD8AB
400
#9AC37E
500
#77AE51
600
#5F8B41
700
#4C6F34
800
#3B5728
900
#2D4021
950
#1D2915

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

3.88:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026