#4F7622

#4F7622

Color Values

HEX

#4F7622

RGB

79, 118, 34

HSL

87.9, 55.3%, 29.8%

HSV

87.9, 71.2%, 46.3%

CMYK

33.1%, 0.0%, 71.2%, 53.7%

OKLCH

0.5187 0.1207 131.1

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#4F7622

#492276

Analogous

#767322

#257622

#4F7622

Triadic

#4F7622

#224F76

#76224F

Split Complementary

#4F7622

#222576

#732276

Tetradic

#4F7622

#227673

#492276

#762225

Color Blindness Simulation

Original

#4F7622

Protanopia

#606036

Deuteranopia

#5E5B3B

Tritanopia

#51464A

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF6E5
200
#DDEFC8
300
#C4E4A0
400
#A4D56C
500
#84C639
600
#6A9E2E
700
#557F24
800
#42631C
900
#324918
950
#202E0F

Contrast Checker

Text on white

5.32:1

AA Pass AAA Fail

Text on black

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