#4F8422

#4F8422

Color Values

HEX

#4F8422

RGB

79, 132, 34

HSL

92.4, 59.0%, 32.5%

HSV

92.4, 74.2%, 51.8%

CMYK

40.2%, 0.0%, 74.2%, 48.2%

OKLCH

0.5559 0.1399 133.9

Properties

Cool Light Nearest: olivedrab 4

Color Harmonies

Complementary

#4F8422

#572284

Analogous

#808422

#228426

#4F8422

Triadic

#4F8422

#224F84

#84224F

Split Complementary

#4F8422

#262284

#842280

Tetradic

#4F8422

#228084

#572284

#842622

Color Blindness Simulation

Original

#4F8422

Protanopia

#66663A

Deuteranopia

#635F3F

Tritanopia

#524C51

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF6E4
200
#DAF0C6
300
#BFE69E
400
#9CD869
500
#79CB34
600
#61A22A
700
#4E8221
800
#3D651A
900
#2E4A17
950
#1D2F0E

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

4.66:1

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