#4D7327

#4D7327

Color Values

HEX

#4D7327

RGB

77, 115, 39

HSL

90.0, 49.4%, 30.2%

HSV

90.0, 66.1%, 45.1%

CMYK

33.0%, 0.0%, 66.1%, 54.9%

OKLCH

0.5099 0.1136 131.9

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#4D7327

#4D2773

Analogous

#737327

#277327

#4D7327

Triadic

#4D7327

#274D73

#73274D

Split Complementary

#4D7327

#272773

#732773

Tetradic

#4D7327

#277373

#4D2773

#732727

Color Blindness Simulation

Original

#4D7327

Protanopia

#5D5E39

Deuteranopia

#5B583E

Tritanopia

#4F484B

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF5E6
200
#DBEDCA
300
#C2E0A4
400
#A1CF72
500
#80BE41
600
#669834
700
#527A29
800
#405F20
900
#30461B
950
#1F2C11

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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