#9B2C09

#9B2C09

Color Values

HEX

#9B2C09

RGB

155, 44, 9

HSL

14.4, 89.0%, 32.2%

HSV

14.4, 94.2%, 60.8%

CMYK

0.0%, 71.6%, 94.2%, 39.2%

OKLCH

0.4617 0.1524 35.8

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#9B2C09

#09789B

Analogous

#9B092F

#9B7509

#9B2C09

Triadic

#9B2C09

#099B2C

#2C099B

Split Complementary

#9B2C09

#099B75

#092F9B

Tetradic

#9B2C09

#2F9B09

#09789B

#75099B

Color Blindness Simulation

Original

#9B2C09

Protanopia

#6B6A11

Deuteranopia

#717A14

Tritanopia

#95181A

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF4F2
100
#FBE6E0
200
#FBCBBC
300
#F8A58B
400
#F5754D
500
#F1440E
600
#C1370B
700
#9A2C09
800
#782207
900
#571C0A
950
#371206

Contrast Checker

Text on white

7.61:1

AA Pass AAA Pass

Text on black

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