#4D150C

#4D150C

Color Values

HEX

#4D150C

RGB

77, 21, 12

HSL

8.3, 73.0%, 17.5%

HSV

8.3, 84.4%, 30.2%

CMYK

0.0%, 72.7%, 84.4%, 69.8%

OKLCH

0.2875 0.0864 31.7

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#4D150C

#0C444D

Analogous

#4D0C24

#4D360C

#4D150C

Triadic

#4D150C

#0C4D15

#150C4D

Split Complementary

#4D150C

#0C4D36

#0C244D

Tetradic

#4D150C

#244D0C

#0C444D

#360C4D

Color Blindness Simulation

Original

#4D150C

Protanopia

#35340E

Deuteranopia

#383C0F

Tritanopia

#4A1010

Achromatopsia

#202020

CSS Usage

background-color: #4D150C;
color: #4D150C;
border-color: #4D150C;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FCF4F3
100
#F8E5E2
200
#F5C8C1
300
#EEA195
400
#E66F5C
500
#DD3C22
600
#B0301C
700
#8D2716
800
#6E1E11
900
#501911
950
#33100A

Contrast Checker

Text on white

14.7:1

AA Pass AAA Pass

Text on black

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