#9C7553

#9C7553

Color Values

HEX

#9C7553

RGB

156, 117, 83

HSL

27.9, 30.5%, 46.9%

HSV

27.9, 46.8%, 61.2%

CMYK

0.0%, 25.0%, 46.8%, 38.8%

OKLCH

0.5929 0.0687 62.0

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#9C7553

#537A9C

Analogous

#9C5356

#9C9A53

#9C7553

Triadic

#9C7553

#539C75

#75539C

Split Complementary

#9C7553

#539C9A

#53569C

Tetradic

#9C7553

#569C53

#537A9C

#9A539C

Color Blindness Simulation

Original

#9C7553

Protanopia

#8B8B5B

Deuteranopia

#8D905D

Tritanopia

#9A6263

Achromatopsia

#7B7B7B

CSS Usage

background-color: #9C7553;
color: #9C7553;
border-color: #9C7553;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DBD0
300
#D4C0AF
400
#BD9F84
500
#A67D59
600
#856447
700
#6A5039
800
#533E2C
900
#3E3023
950
#271E16

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.08:1

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