#4D8020

#4D8020

Color Values

HEX

#4D8020

RGB

77, 128, 32

HSL

91.9, 60.0%, 31.4%

HSV

91.9, 75.0%, 50.2%

CMYK

39.8%, 0.0%, 75.0%, 49.8%

OKLCH

0.544 0.1369 133.6

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#4D8020

#532080

Analogous

#7D8020

#208023

#4D8020

Triadic

#4D8020

#204D80

#80204D

Split Complementary

#4D8020

#232080

#80207D

Tetradic

#4D8020

#207D80

#532080

#802320

Color Blindness Simulation

Original

#4D8020

Protanopia

#636437

Deuteranopia

#605C3D

Tritanopia

#504A4E

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#EDF6E4
200
#DAF1C6
300
#BFE79D
400
#9DD968
500
#7BCC33
600
#62A329
700
#4E8321
800
#3D661A
900
#2F4B16
950
#1E2F0E

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

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