#7C5518

#7C5518

Color Values

HEX

#7C5518

RGB

124, 85, 24

HSL

36.6, 67.6%, 29.0%

HSV

36.6, 80.6%, 48.6%

CMYK

0.0%, 31.5%, 80.6%, 51.4%

OKLCH

0.4808 0.0905 73.8

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7C5518

#183F7C

Analogous

#7C2318

#717C18

#7C5518

Triadic

#7C5518

#187C55

#55187C

Split Complementary

#7C5518

#18717C

#23187C

Tetradic

#7C5518

#187C23

#183F7C

#7C1871

Color Blindness Simulation

Original

#7C5518

Protanopia

#6B6B27

Deuteranopia

#6D702A

Tritanopia

#7A3235

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EFE3
200
#F3E1C3
300
#EBCB98
400
#E0AF61
500
#D69229
600
#AB7521
700
#895E1A
800
#6B4915
900
#4E3713
950
#31230C

Contrast Checker

Text on white

6.63:1

AA Pass AAA Fail

Text on black

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