#7C6633

#7C6633

Color Values

HEX

#7C6633

RGB

124, 102, 51

HSL

41.9, 41.7%, 34.3%

HSV

41.9, 58.9%, 48.6%

CMYK

0.0%, 17.7%, 58.9%, 51.4%

OKLCH

0.5204 0.0747 86.3

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#7C6633

#33497C

Analogous

#7C4133

#6D7C33

#7C6633

Triadic

#7C6633

#337C66

#66337C

Split Complementary

#7C6633

#336D7C

#41337C

Tetradic

#7C6633

#337C41

#33497C

#7C336D

Color Blindness Simulation

Original

#7C6633

Protanopia

#72723F

Deuteranopia

#747542

Tritanopia

#7B494B

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3F0E7
200
#EAE1CC
300
#DBCCA8
400
#C8B079
500
#B5954A
600
#91773B
700
#745F30
800
#5A4A25
900
#43381E
950
#2A2313

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

3.81:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026