#970D26

#970D26

Color Values

HEX

#970D26

RGB

151, 13, 38

HSL

349.1, 84.1%, 32.2%

HSV

349.1, 91.4%, 59.2%

CMYK

0.0%, 91.4%, 74.8%, 40.8%

OKLCH

0.4331 0.1666 20.5

Properties

Warm Dark Nearest: RAL 3003 Ruby Red

Color Harmonies

Complementary

#970D26

#0D977E

Analogous

#970D6B

#97390D

#970D26

Triadic

#970D26

#26970D

#0D2697

Split Complementary

#970D26

#0D9739

#0D6B97

Tetradic

#970D26

#6B970D

#0D977E

#390D97

Color Blindness Simulation

Original

#970D26

Protanopia

#5B5A20

Deuteranopia

#636E1E

Tritanopia

#901B1A

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FAE0E5
200
#F9BDC8
300
#F58EA1
400
#F0516E
500
#EB143B
600
#BC102F
700
#960D26
800
#750A1E
900
#550C19
950
#360710

Contrast Checker

Text on white

8.74:1

AA Pass AAA Pass

Text on black

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