#4D552C

#4D552C

Color Values

HEX

#4D552C

RGB

77, 85, 44

HSL

71.7, 31.8%, 25.3%

HSV

71.7, 48.2%, 33.3%

CMYK

9.4%, 0.0%, 48.2%, 66.7%

OKLCH

0.4318 0.0623 118.1

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#4D552C

#342C55

Analogous

#55492C

#39552C

#4D552C

Triadic

#4D552C

#2C4D55

#552C4D

Split Complementary

#4D552C

#2C3955

#492C55

Tetradic

#4D552C

#2C5549

#342C55

#552C39

Color Blindness Simulation

Original

#4D552C

Protanopia

#505136

Deuteranopia

#504F38

Tritanopia

#4D3E3F

Achromatopsia

#505050

CSS Usage

background-color: #4D552C;
color: #4D552C;
border-color: #4D552C;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9F9F5
100
#F0F2E8
200
#E2E7D0
300
#CED5AE
400
#B3BF83
500
#98A857
600
#7A8646
700
#616C38
800
#4C542B
900
#393E23
950
#242716

Contrast Checker

Text on white

7.92:1

AA Pass AAA Pass

Text on black

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