#4D4822

#4D4822

Color Values

HEX

#4D4822

RGB

77, 72, 34

HSL

53.0, 38.7%, 21.8%

HSV

53.0, 55.8%, 30.2%

CMYK

0.0%, 6.5%, 55.8%, 69.8%

OKLCH

0.3971 0.0565 101.9

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#4D4822

#22274D

Analogous

#4D3322

#3D4D22

#4D4822

Triadic

#4D4822

#224D48

#48224D

Split Complementary

#4D4822

#223D4D

#33224D

Tetradic

#4D4822

#224D33

#22274D

#4D223D

Color Blindness Simulation

Original

#4D4822

Protanopia

#4B4B2B

Deuteranopia

#4B4C2D

Tritanopia

#4D3234

Achromatopsia

#464646

CSS Usage

background-color: #4D4822;
color: #4D4822;
border-color: #4D4822;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FAF9F5
100
#F3F2E7
200
#E9E6CD
300
#D9D4AA
400
#C5BD7C
500
#B1A54E
600
#8D843F
700
#716A32
800
#585327
900
#413D20
950
#292714

Contrast Checker

Text on white

9.27:1

AA Pass AAA Pass

Text on black

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