#972428

#972428

Color Values

HEX

#972428

RGB

151, 36, 40

HSL

357.9, 61.5%, 36.7%

HSV

357.9, 76.2%, 59.2%

CMYK

0.0%, 76.2%, 73.5%, 40.8%

OKLCH

0.4491 0.1507 24.1

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#972428

#249793

Analogous

#972462

#975A24

#972428

Triadic

#972428

#289724

#242897

Split Complementary

#972428

#24975A

#246297

Tetradic

#972428

#629724

#249793

#5A2497

Color Blindness Simulation

Original

#972428

Protanopia

#656427

Deuteranopia

#6C7427

Tritanopia

#912626

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FBF3F4
100
#F6E4E4
200
#F1C5C7
300
#E79C9F
400
#DB676B
500
#CE3137
600
#A5272C
700
#841F23
800
#67191B
900
#4B1618
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