#9C5015

#9C5015

Color Values

HEX

#9C5015

RGB

156, 80, 21

HSL

26.2, 76.3%, 34.7%

HSV

26.2, 86.5%, 61.2%

CMYK

0.0%, 48.7%, 86.5%, 38.8%

OKLCH

0.5151 0.1213 52.5

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#9C5015

#15619C

Analogous

#9C151E

#9C9315

#9C5015

Triadic

#9C5015

#159C50

#50159C

Split Complementary

#9C5015

#159C93

#151E9C

Tetradic

#9C5015

#1E9C15

#15619C

#93159C

Color Blindness Simulation

Original

#9C5015

Protanopia

#7B7A23

Deuteranopia

#808527

Tritanopia

#982F31

Achromatopsia

#5C5C5C

CSS Usage

background-color: #9C5015;
color: #9C5015;
border-color: #9C5015;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FCF7F2
100
#F9ECE2
200
#F7D8C0
300
#F0BC93
400
#E99859
500
#E1731E
600
#B45C18
700
#904A13
800
#703A0F
900
#522C0F
950
#341C0A

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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