#900302

#900302

Color Values

HEX

#900302

RGB

144, 3, 2

HSL

0.4, 97.3%, 28.6%

HSV

0.4, 98.6%, 56.5%

CMYK

0.0%, 97.9%, 98.6%, 43.5%

OKLCH

0.4116 0.167 29.2

Properties

Warm Dark Nearest: darkred

Color Harmonies

Complementary

#900302

#028F90

Analogous

#900248

#904A02

#900302

Triadic

#900302

#029003

#030290

Split Complementary

#900302

#02904A

#024890

Tetradic

#900302

#489002

#028F90

#4A0290

Color Blindness Simulation

Original

#900302

Protanopia

#535202

Deuteranopia

#5B6602

Tritanopia

#890202

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FEB9B9
300
#FD8786
400
#FC4645
500
#FC0503
600
#C90403
700
#A10302
800
#7E0302
900
#5B0706
950
#390404

Contrast Checker

Text on white

9.55:1

AA Pass AAA Pass

Text on black

2.2:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026