#7C4335

#7C4335

Color Values

HEX

#7C4335

RGB

124, 67, 53

HSL

11.8, 40.1%, 34.7%

HSV

11.8, 57.3%, 48.6%

CMYK

0.0%, 46.0%, 57.3%, 51.4%

OKLCH

0.4494 0.0824 34.8

Properties

Warm Dark Nearest: RAL 8029 Pearl Copper

Color Harmonies

Complementary

#7C4335

#356E7C

Analogous

#7C354B

#7C6635

#7C4335

Triadic

#7C4335

#357C43

#43357C

Split Complementary

#7C4335

#357C66

#354B7C

Tetradic

#7C4335

#4B7C35

#356E7C

#66357C

Color Blindness Simulation

Original

#7C4335

Protanopia

#636338

Deuteranopia

#676B39

Tritanopia

#793B3C

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3E9E7
200
#EAD3CD
300
#DAB3A9
400
#C68A7B
500
#B3604C
600
#8F4D3D
700
#723E31
800
#593026
900
#42261F
950
#2A1814

Contrast Checker

Text on white

7.75:1

AA Pass AAA Pass

Text on black

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