#9C6420

#9C6420

Color Values

HEX

#9C6420

RGB

156, 100, 32

HSL

32.9, 66.0%, 36.9%

HSV

32.9, 79.5%, 61.2%

CMYK

0.0%, 35.9%, 79.5%, 38.8%

OKLCH

0.5523 0.108 66.6

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#9C6420

#20589C

Analogous

#9C2620

#969C20

#9C6420

Triadic

#9C6420

#209C64

#64209C

Split Complementary

#9C6420

#20969C

#26209C

Tetradic

#9C6420

#209C26

#20589C

#9C2096

Color Blindness Simulation

Original

#9C6420

Protanopia

#848330

Deuteranopia

#878B34

Tritanopia

#993D40

Achromatopsia

#6B6B6B

CSS Usage

background-color: #9C6420;
color: #9C6420;
border-color: #9C6420;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DEC4
300
#EAC699
400
#DFA762
500
#D4882B
600
#A96D23
700
#87571C
800
#6A4416
900
#4D3314
950
#31200C

Contrast Checker

Text on white

4.93:1

AA Pass AAA Fail

Text on black

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