#982424

#982424

Color Values

HEX

#982424

RGB

152, 36, 36

HSL

0.0, 61.7%, 36.9%

HSV

0.0, 76.3%, 59.6%

CMYK

0.0%, 76.3%, 76.3%, 40.4%

OKLCH

0.4504 0.1523 25.8

Properties

Warm Dark Nearest: brown

Color Harmonies

Complementary

#982424

#249898

Analogous

#98245E

#985E24

#982424

Triadic

#982424

#249824

#242498

Split Complementary

#982424

#24985E

#245E98

Tetradic

#982424

#5E9824

#249898

#5E2498

Color Blindness Simulation

Original

#982424

Protanopia

#666524

Deuteranopia

#6C7524

Tritanopia

#922424

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FBF3F3
100
#F7E4E4
200
#F1C5C5
300
#E89C9C
400
#DB6666
500
#CE3131
600
#A52727
700
#841F1F
800
#671818
900
#4B1616
950
#300E0E

Contrast Checker

Text on white

8.04:1

AA Pass AAA Pass

Text on black

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