#901C20

#901C20

Color Values

HEX

#901C20

RGB

144, 28, 32

HSL

357.9, 67.4%, 33.7%

HSV

357.9, 80.6%, 56.5%

CMYK

0.0%, 80.6%, 77.8%, 43.5%

OKLCH

0.4278 0.1511 24.9

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#901C20

#1C908C

Analogous

#901C5A

#90521C

#901C20

Triadic

#901C20

#20901C

#1C2090

Split Complementary

#901C20

#1C9052

#1C5A90

Tetradic

#901C20

#5A901C

#1C908C

#521C90

Color Blindness Simulation

Original

#901C20

Protanopia

#5E5D1F

Deuteranopia

#646D1F

Tritanopia

#8A1E1E

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E3E4
200
#F3C3C5
300
#EB999B
400
#E06166
500
#D52A30
600
#AB2126
700
#891B1E
800
#6B1518
900
#4E1315
950
#310C0D

Contrast Checker

Text on white

8.85:1

AA Pass AAA Pass

Text on black

2.37:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026