#972012

#972012

Color Values

HEX

#972012

RGB

151, 32, 18

HSL

6.3, 78.7%, 33.1%

HSV

6.3, 88.1%, 59.2%

CMYK

0.0%, 78.8%, 88.1%, 40.8%

OKLCH

0.443 0.1569 30.6

Properties

Warm Dark Nearest: RAL 3013 Tomato Red

Color Harmonies

Complementary

#972012

#128997

Analogous

#971246

#976212

#972012

Triadic

#972012

#129720

#201297

Split Complementary

#972012

#129762

#124697

Tetradic

#972012

#469712

#128997

#621297

Color Blindness Simulation

Original

#972012

Protanopia

#636215

Deuteranopia

#6A7316

Tritanopia

#911819

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E4E1
200
#F7C5BF
300
#F29C92
400
#EB6656
500
#E4301B
600
#B62716
700
#921F11
800
#72180E
900
#53150E
950
#340D09

Contrast Checker

Text on white

8.3:1

AA Pass AAA Pass

Text on black

2.53:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026