#9C2020

#9C2020

Color Values

HEX

#9C2020

RGB

156, 32, 32

HSL

0.0, 66.0%, 36.9%

HSV

0.0, 79.5%, 61.2%

CMYK

0.0%, 79.5%, 79.5%, 38.8%

OKLCH

0.4538 0.16 26.4

Properties

Warm Dark Nearest: brown

Color Harmonies

Complementary

#9C2020

#209C9C

Analogous

#9C205E

#9C5E20

#9C2020

Triadic

#9C2020

#209C20

#20209C

Split Complementary

#9C2020

#209C5E

#205E9C

Tetradic

#9C2020

#5E9C20

#209C9C

#5E209C

Color Blindness Simulation

Original

#9C2020

Protanopia

#666520

Deuteranopia

#6E7720

Tritanopia

#962020

Achromatopsia

#3A3A3A

CSS Usage

background-color: #9C2020;
color: #9C2020;
border-color: #9C2020;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F3C4C4
300
#EA9999
400
#DF6262
500
#D42B2B
600
#A92323
700
#871C1C
800
#6A1616
900
#4D1414
950
#310C0C

Contrast Checker

Text on white

7.95:1

AA Pass AAA Pass

Text on black

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