#9C4136

#9C4136

Color Values

HEX

#9C4136

RGB

156, 65, 54

HSL

6.5, 48.6%, 41.2%

HSV

6.5, 65.4%, 61.2%

CMYK

0.0%, 58.3%, 65.4%, 38.8%

OKLCH

0.495 0.1241 29.2

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#9C4136

#36919C

Analogous

#9C365E

#9C7436

#9C4136

Triadic

#9C4136

#369C41

#41369C

Split Complementary

#9C4136

#369C74

#365E9C

Tetradic

#9C4136

#5E9C36

#36919C

#74369C

Color Blindness Simulation

Original

#9C4136

Protanopia

#757439

Deuteranopia

#7A8139

Tritanopia

#973B3B

Achromatopsia

#545454

CSS Usage

background-color: #9C4136;
color: #9C4136;
border-color: #9C4136;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCECA
300
#E0ABA4
400
#CF7D73
500
#BD4F42
600
#983F34
700
#79332A
800
#5F2721
900
#46201B
950
#2C1411

Contrast Checker

Text on white

6.52:1

AA Pass AAA Fail

Text on black

3.22:1

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