#960304

#960304

Color Values

HEX

#960304

RGB

150, 3, 4

HSL

359.6, 96.1%, 30.0%

HSV

359.6, 98.0%, 58.8%

CMYK

0.0%, 98.0%, 97.3%, 41.2%

OKLCH

0.4241 0.172 28.8

Properties

Warm Dark Nearest: darkred

Color Harmonies

Complementary

#960304

#039695

Analogous

#96034D

#964C03

#960304

Triadic

#960304

#049603

#030496

Split Complementary

#960304

#03964C

#034D96

Tetradic

#960304

#4D9603

#039695

#4C0396

Color Blindness Simulation

Original

#960304

Protanopia

#565504

Deuteranopia

#5F6A04

Tritanopia

#8F0404

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FEB9B9
300
#FD8788
400
#FB4647
500
#FA0507
600
#C80405
700
#A00304
800
#7D0203
900
#5A0707
950
#390404

Contrast Checker

Text on white

9.08:1

AA Pass AAA Pass

Text on black

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