#7C5811

#7C5811

Color Values

HEX

#7C5811

RGB

124, 88, 17

HSL

39.8, 75.9%, 27.6%

HSV

39.8, 86.3%, 48.6%

CMYK

0.0%, 29.0%, 86.3%, 51.4%

OKLCH

0.4866 0.0943 78.7

Properties

Warm Dark Nearest: goldenrod 4

Color Harmonies

Complementary

#7C5811

#11357C

Analogous

#7C2211

#6A7C11

#7C5811

Triadic

#7C5811

#117C58

#58117C

Split Complementary

#7C5811

#116A7C

#22117C

Tetradic

#7C5811

#117C22

#11357C

#7C116A

Color Blindness Simulation

Original

#7C5811

Protanopia

#6C6C22

Deuteranopia

#6E7126

Tritanopia

#7A3033

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FCF9F2
100
#F9F1E2
200
#F6E4C0
300
#F0D193
400
#E8B859
500
#E09F1F
600
#B37F19
700
#906614
800
#70500F
900
#523B0F
950
#34250A

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

3.26:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026