#7C4813

#7C4813

Color Values

HEX

#7C4813

RGB

124, 72, 19

HSL

30.3, 73.4%, 28.0%

HSV

30.3, 84.7%, 48.6%

CMYK

0.0%, 41.9%, 84.7%, 51.4%

OKLCH

0.4542 0.0955 60.7

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7C4813

#13477C

Analogous

#7C1413

#7B7C13

#7C4813

Triadic

#7C4813

#137C48

#48137C

Split Complementary

#7C4813

#137B7C

#14137C

Tetradic

#7C4813

#137C14

#13477C

#7C137B

Color Blindness Simulation

Original

#7C4813

Protanopia

#656520

Deuteranopia

#686C23

Tritanopia

#792A2C

Achromatopsia

#4F4F4F

CSS Usage

background-color: #7C4813;
color: #7C4813;
border-color: #7C4813;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F6DCC1
300
#EFC295
400
#E6A15B
500
#DD8022
600
#B1671B
700
#8D5216
800
#6F4011
900
#503110
950
#331F0A

Contrast Checker

Text on white

7.52:1

AA Pass AAA Pass

Text on black

2.79:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026