#9C2C08

#9C2C08

Color Values

HEX

#9C2C08

RGB

156, 44, 8

HSL

14.6, 90.2%, 32.2%

HSV

14.6, 94.9%, 61.2%

CMYK

0.0%, 71.8%, 94.9%, 38.8%

OKLCH

0.4634 0.1535 35.9

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#9C2C08

#08789C

Analogous

#9C082E

#9C7608

#9C2C08

Triadic

#9C2C08

#089C2C

#2C089C

Split Complementary

#9C2C08

#089C76

#082E9C

Tetradic

#9C2C08

#2E9C08

#08789C

#76089C

Color Blindness Simulation

Original

#9C2C08

Protanopia

#6B6B11

Deuteranopia

#727A13

Tritanopia

#961819

Achromatopsia

#414141

CSS Usage

background-color: #9C2C08;
color: #9C2C08;
border-color: #9C2C08;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FCCBBB
300
#F9A58B
400
#F6754C
500
#F3440C
600
#C2370A
700
#9B2C08
800
#792206
900
#581C09
950
#371206

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

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