#9C7243

#9C7243

Color Values

HEX

#9C7243

RGB

156, 114, 67

HSL

31.7, 39.9%, 43.7%

HSV

31.7, 57.1%, 61.2%

CMYK

0.0%, 26.9%, 57.1%, 38.8%

OKLCH

0.5841 0.0827 68.1

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#9C7243

#436D9C

Analogous

#9C4543

#999C43

#9C7243

Triadic

#9C7243

#439C72

#72439C

Split Complementary

#9C7243

#43999C

#45439C

Tetradic

#9C7243

#439C45

#436D9C

#9C4399

Color Blindness Simulation

Original

#9C7243

Protanopia

#8A894E

Deuteranopia

#8C8F51

Tritanopia

#9A5759

Achromatopsia

#787878

CSS Usage

background-color: #9C7243;
color: #9C7243;
border-color: #9C7243;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#EADCCD
300
#DAC3A9
400
#C6A37B
500
#B2824D
600
#8F683D
700
#725331
800
#594126
900
#42311F
950
#2A1F14

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

4.9:1

AA Pass 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