#7C4913

#7C4913

Color Values

HEX

#7C4913

RGB

124, 73, 19

HSL

30.9, 73.4%, 28.0%

HSV

30.9, 84.7%, 48.6%

CMYK

0.0%, 41.1%, 84.7%, 51.4%

OKLCH

0.4562 0.0951 61.8

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7C4913

#13467C

Analogous

#7C1513

#7A7C13

#7C4913

Triadic

#7C4913

#137C49

#49137C

Split Complementary

#7C4913

#137A7C

#15137C

Tetradic

#7C4913

#137C15

#13467C

#7C137A

Color Blindness Simulation

Original

#7C4913

Protanopia

#666520

Deuteranopia

#696D23

Tritanopia

#792A2D

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F6DCC1
300
#EFC395
400
#E6A35B
500
#DD8222
600
#B1681B
700
#8D5316
800
#6F4111
900
#503110
950
#331F0A

Contrast Checker

Text on white

7.45:1

AA Pass AAA Pass

Text on black

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