#982428

#982428

Color Values

HEX

#982428

RGB

152, 36, 40

HSL

357.9, 61.7%, 36.9%

HSV

357.9, 76.3%, 59.6%

CMYK

0.0%, 76.3%, 73.7%, 40.4%

OKLCH

0.4509 0.1518 24.1

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#982428

#249894

Analogous

#982462

#985A24

#982428

Triadic

#982428

#289824

#242898

Split Complementary

#982428

#24985A

#246298

Tetradic

#982428

#629824

#249894

#5A2498

Color Blindness Simulation

Original

#982428

Protanopia

#666527

Deuteranopia

#6C7527

Tritanopia

#922626

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FBF3F4
100
#F7E4E4
200
#F1C5C7
300
#E89C9F
400
#DB666B
500
#CE3136
600
#A5272B
700
#841F23
800
#67181B
900
#4B1617
950
#300E0F

Contrast Checker

Text on white

8.02:1

AA Pass AAA Pass

Text on black

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