#9C6352

#9C6352

Color Values

HEX

#9C6352

RGB

156, 99, 82

HSL

13.8, 31.1%, 46.7%

HSV

13.8, 47.4%, 61.2%

CMYK

0.0%, 36.5%, 47.4%, 38.8%

OKLCH

0.5576 0.079 37.4

Properties

Warm Dark Nearest: Sepia

Color Harmonies

Complementary

#9C6352

#528B9C

Analogous

#9C5266

#9C8852

#9C6352

Triadic

#9C6352

#529C63

#63529C

Split Complementary

#9C6352

#529C88

#52669C

Tetradic

#9C6352

#669C52

#528B9C

#88529C

Color Blindness Simulation

Original

#9C6352

Protanopia

#838356

Deuteranopia

#878B57

Tritanopia

#99595A

Achromatopsia

#6E6E6E

CSS Usage

background-color: #9C6352;
color: #9C6352;
border-color: #9C6352;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#F9F6F5
100
#F2EBE8
200
#E6D5D0
300
#D5B8AF
400
#BE9183
500
#A76A58
600
#865546
700
#6B4438
800
#54352C
900
#3E2923
950
#271A16

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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