#982D27

#982D27

Color Values

HEX

#982D27

RGB

152, 45, 39

HSL

3.2, 59.2%, 37.5%

HSV

3.2, 74.3%, 59.6%

CMYK

0.0%, 70.4%, 74.3%, 40.4%

OKLCH

0.4601 0.1435 27.5

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#982D27

#279298

Analogous

#98275A

#986627

#982D27

Triadic

#982D27

#27982D

#2D2798

Split Complementary

#982D27

#279866

#275A98

Tetradic

#982D27

#5A9827

#279298

#662798

Color Blindness Simulation

Original

#982D27

Protanopia

#6A6928

Deuteranopia

#707829

Tritanopia

#932A2A

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E5E4
200
#F0C8C6
300
#E6A19E
400
#D96F69
500
#CB3C34
600
#A2302A
700
#822621
800
#651E1A
900
#4A1917
950
#2F100E

Contrast Checker

Text on white

7.66:1

AA Pass AAA Pass

Text on black

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