#7C5431

#7C5431

Color Values

HEX

#7C5431

RGB

124, 84, 49

HSL

28.0, 43.4%, 33.9%

HSV

28.0, 60.5%, 48.6%

CMYK

0.0%, 32.3%, 60.5%, 51.4%

OKLCH

0.4816 0.073 60.9

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#7C5431

#31597C

Analogous

#7C3133

#7C7931

#7C5431

Triadic

#7C5431

#317C54

#54317C

Split Complementary

#7C5431

#317C79

#31337C

Tetradic

#7C5431

#337C31

#31597C

#79317C

Color Blindness Simulation

Original

#7C5431

Protanopia

#6B6A39

Deuteranopia

#6D703C

Tritanopia

#7A4042

Achromatopsia

#5A5A5A

CSS Usage

background-color: #7C5431;
color: #7C5431;
border-color: #7C5431;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F5
100
#F4EDE7
200
#EBDACC
300
#DCC0A7
400
#CA9E78
500
#B77C48
600
#92633A
700
#754F2E
800
#5B3E24
900
#432F1E
950
#2B1E13

Contrast Checker

Text on white

6.63:1

AA Pass AAA Fail

Text on black

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