#970B0A

#970B0A

Color Values

HEX

#970B0A

RGB

151, 11, 10

HSL

0.4, 87.6%, 31.6%

HSV

0.4, 93.4%, 59.2%

CMYK

0.0%, 92.7%, 93.4%, 40.8%

OKLCH

0.4294 0.1696 28.6

Properties

Warm Dark Nearest: darkred

Color Harmonies

Complementary

#970B0A

#0A9697

Analogous

#970A50

#97520A

#970B0A

Triadic

#970B0A

#0A970B

#0B0A97

Split Complementary

#970B0A

#0A9752

#0A5097

Tetradic

#970B0A

#50970A

#0A9697

#520A97

Color Blindness Simulation

Original

#970B0A

Protanopia

#5A590A

Deuteranopia

#626D0A

Tritanopia

#900A0A

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E0
200
#FBBCBC
300
#F78D8C
400
#F34F4E
500
#EF1110
600
#BF0E0D
700
#990B0A
800
#780908
900
#570B0A
950
#370706

Contrast Checker

Text on white

8.87:1

AA Pass AAA Pass

Text on black

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