#7C6239

#7C6239

Color Values

HEX

#7C6239

RGB

124, 98, 57

HSL

36.7, 37.0%, 35.5%

HSV

36.7, 54.0%, 48.6%

CMYK

0.0%, 21.0%, 54.0%, 51.4%

OKLCH

0.5125 0.0666 77.8

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#7C6239

#39537C

Analogous

#7C4139

#757C39

#7C6239

Triadic

#7C6239

#397C62

#62397C

Split Complementary

#7C6239

#39757C

#41397C

Tetradic

#7C6239

#397C41

#39537C

#7C3975

Color Blindness Simulation

Original

#7C6239

Protanopia

#717143

Deuteranopia

#727445

Tritanopia

#7B4B4C

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE8
200
#E9DECE
300
#D8C7AB
400
#C4A87E
500
#AF8A50
600
#8C6E40
700
#705833
800
#574528
900
#413420
950
#292114

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

3.66:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026