#4D371F

#4D371F

Color Values

HEX

#4D371F

RGB

77, 55, 31

HSL

31.3, 42.6%, 21.2%

HSV

31.3, 59.7%, 30.2%

CMYK

0.0%, 28.6%, 59.7%, 69.8%

OKLCH

0.3557 0.0486 67.6

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#4D371F

#1F354D

Analogous

#4D201F

#4C4D1F

#4D371F

Triadic

#4D371F

#1F4D37

#371F4D

Split Complementary

#4D371F

#1F4C4D

#201F4D

Tetradic

#4D371F

#1F4D20

#1F354D

#4D1F4C

Color Blindness Simulation

Original

#4D371F

Protanopia

#434325

Deuteranopia

#454626

Tritanopia

#4C292A

Achromatopsia

#3A3A3A

CSS Usage

background-color: #4D371F;
color: #4D371F;
border-color: #4D371F;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF7F5
100
#F4EDE7
200
#EBDCCC
300
#DCC3A8
400
#C9A278
500
#B68249
600
#91683B
700
#74532F
800
#5B4125
900
#43311E
950
#2A1F13

Contrast Checker

Text on white

11.16:1

AA Pass AAA Pass

Text on black

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