#7C5015

#7C5015

Color Values

HEX

#7C5015

RGB

124, 80, 21

HSL

34.4, 71.0%, 28.4%

HSV

34.4, 83.1%, 48.6%

CMYK

0.0%, 35.5%, 83.1%, 51.4%

OKLCH

0.4702 0.0923 68.9

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7C5015

#15417C

Analogous

#7C1D15

#747C15

#7C5015

Triadic

#7C5015

#157C50

#50157C

Split Complementary

#7C5015

#15747C

#1D157C

Tetradic

#7C5015

#157C1D

#15417C

#7C1574

Color Blindness Simulation

Original

#7C5015

Protanopia

#696923

Deuteranopia

#6C6F27

Tritanopia

#7A2F31

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EFE2
200
#F5DFC2
300
#EDC896
400
#E4AA5E
500
#DA8D25
600
#AE711E
700
#8C5A18
800
#6D4612
900
#4F3511
950
#32210B

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

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