#9C313A

#9C313A

Color Values

HEX

#9C313A

RGB

156, 49, 58

HSL

355.0, 52.2%, 40.2%

HSV

355.0, 68.6%, 61.2%

CMYK

0.0%, 68.6%, 62.8%, 38.8%

OKLCH

0.4748 0.1416 19.7

Properties

Warm Dark Nearest: RAL 4002 Red Violet

Color Harmonies

Complementary

#9C313A

#319C93

Analogous

#9C316F

#9C5E31

#9C313A

Triadic

#9C313A

#3A9C31

#313A9C

Split Complementary

#9C313A

#319C5E

#316F9C

Tetradic

#9C313A

#6F9C31

#319C93

#5E319C

Color Blindness Simulation

Original

#9C313A

Protanopia

#6E6D38

Deuteranopia

#747C37

Tritanopia

#973636

Achromatopsia

#484848

CSS Usage

background-color: #9C313A;
color: #9C313A;
border-color: #9C313A;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FBF4F5
100
#F5E5E7
200
#EEC9CC
300
#E2A2A7
400
#D26F78
500
#C23D48
600
#9B313A
700
#7C272E
800
#611E24
900
#471A1D
950
#2D1013

Contrast Checker

Text on white

7.21:1

AA Pass AAA Pass

Text on black

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