#4F7536

#4F7536

Color Values

HEX

#4F7536

RGB

79, 117, 54

HSL

96.2, 36.8%, 33.5%

HSV

96.2, 53.8%, 45.9%

CMYK

32.5%, 0.0%, 53.8%, 54.1%

OKLCH

0.5184 0.1011 134.4

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#4F7536

#5C3675

Analogous

#6E7536

#36753C

#4F7536

Triadic

#4F7536

#364F75

#75364F

Split Complementary

#4F7536

#3C3675

#75366E

Tetradic

#4F7536

#366E75

#5C3675

#753C36

Color Blindness Simulation

Original

#4F7536

Protanopia

#5F6045

Deuteranopia

#5D5A49

Tritanopia

#515154

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E8
200
#D9E8CE
300
#BDD8AB
400
#99C37E
500
#76AE51
600
#5E8C40
700
#4B7034
800
#3B5728
900
#2D4020
950
#1D2914

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

3.93:1

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