#981F28

#981F28

Color Values

HEX

#981F28

RGB

152, 31, 40

HSL

355.5, 66.1%, 35.9%

HSV

355.5, 79.6%, 59.6%

CMYK

0.0%, 79.6%, 73.7%, 40.4%

OKLCH

0.4466 0.156 22.8

Properties

Warm Dark Nearest: brown

Color Harmonies

Complementary

#981F28

#1F988F

Analogous

#981F65

#98521F

#981F28

Triadic

#981F28

#28981F

#1F2898

Split Complementary

#981F28

#1F9852

#1F6598

Tetradic

#981F28

#65981F

#1F988F

#521F98

Color Blindness Simulation

Original

#981F28

Protanopia

#646326

Deuteranopia

#6B7425

Tritanopia

#922424

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FCF3F4
100
#F7E3E5
200
#F3C4C7
300
#EA999F
400
#DF626C
500
#D42B38
600
#A9232D
700
#881C24
800
#6A161C
900
#4D1418
950
#310C0F

Contrast Checker

Text on white

8.2:1

AA Pass AAA Pass

Text on black

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