#972826

#972826

Color Values

HEX

#972826

RGB

151, 40, 38

HSL

1.1, 59.8%, 37.1%

HSV

1.1, 74.8%, 59.2%

CMYK

0.0%, 73.5%, 74.8%, 40.8%

OKLCH

0.4527 0.1474 26.1

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#972826

#269597

Analogous

#97265D

#976126

#972826

Triadic

#972826

#269728

#282697

Split Complementary

#972826

#269761

#265D97

Tetradic

#972826

#5D9726

#269597

#612697

Color Blindness Simulation

Original

#972826

Protanopia

#676626

Deuteranopia

#6D7627

Tritanopia

#912727

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F6E4E4
200
#F1C7C6
300
#E69F9D
400
#D96A68
500
#CC3633
600
#A32B29
700
#822321
800
#661B1A
900
#4B1716
950
#2F0F0E

Contrast Checker

Text on white

7.93:1

AA Pass AAA Pass

Text on black

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