#972427

#972427

Color Values

HEX

#972427

RGB

151, 36, 39

HSL

358.4, 61.5%, 36.7%

HSV

358.4, 76.2%, 59.2%

CMYK

0.0%, 76.2%, 74.2%, 40.8%

OKLCH

0.449 0.1509 24.5

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#972427

#249794

Analogous

#972461

#975B24

#972427

Triadic

#972427

#279724

#242797

Split Complementary

#972427

#24975B

#246197

Tetradic

#972427

#619724

#249794

#5B2497

Color Blindness Simulation

Original

#972427

Protanopia

#656426

Deuteranopia

#6C7426

Tritanopia

#912626

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FBF3F4
100
#F6E4E4
200
#F1C5C7
300
#E79C9E
400
#DB676A
500
#CE3135
600
#A5272B
700
#841F22
800
#67191B
900
#4B1617
950
#300E0F

Contrast Checker

Text on white

8.08:1

AA Pass AAA Pass

Text on black

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