#982C27

#982C27

Color Values

HEX

#982C27

RGB

152, 44, 39

HSL

2.7, 59.2%, 37.5%

HSV

2.7, 74.3%, 59.6%

CMYK

0.0%, 71.1%, 74.3%, 40.4%

OKLCH

0.4589 0.1445 27.1

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#982C27

#279398

Analogous

#98275B

#986527

#982C27

Triadic

#982C27

#27982C

#2C2798

Split Complementary

#982C27

#279865

#275B98

Tetradic

#982C27

#5B9827

#279398

#652798

Color Blindness Simulation

Original

#982C27

Protanopia

#696828

Deuteranopia

#707828

Tritanopia

#932929

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E5E4
200
#F0C8C6
300
#E6A19E
400
#D96E69
500
#CB3B34
600
#A22F2A
700
#822621
800
#651D1A
900
#4A1917
950
#2F100E

Contrast Checker

Text on white

7.71:1

AA Pass AAA Pass

Text on black

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