#7C4842

#7C4842

Color Values

HEX

#7C4842

RGB

124, 72, 66

HSL

6.2, 30.5%, 37.3%

HSV

6.2, 46.8%, 48.6%

CMYK

0.0%, 41.9%, 46.8%, 51.4%

OKLCH

0.4614 0.0724 27.2

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#7C4842

#42767C

Analogous

#7C4259

#7C6542

#7C4842

Triadic

#7C4842

#427C48

#48427C

Split Complementary

#7C4842

#427C65

#42597C

Tetradic

#7C4842

#597C42

#42767C

#65427C

Color Blindness Simulation

Original

#7C4842

Protanopia

#656543

Deuteranopia

#686C44

Tritanopia

#794545

Achromatopsia

#535353

CSS Usage

background-color: #7C4842;
color: #7C4842;
border-color: #7C4842;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#F9F6F5
100
#F2E9E9
200
#E6D3D0
300
#D4B3AF
400
#BD8A84
500
#A66159
600
#854D47
700
#6A3E39
800
#53302C
900
#3E2623
950
#271816

Contrast Checker

Text on white

7.34:1

AA Pass AAA Pass

Text on black

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