#982D25

#982D25

Color Values

HEX

#982D25

RGB

152, 45, 37

HSL

4.2, 60.8%, 37.1%

HSV

4.2, 75.7%, 59.6%

CMYK

0.0%, 70.4%, 75.7%, 40.4%

OKLCH

0.4598 0.1439 28.3

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#982D25

#259098

Analogous

#982557

#986725

#982D25

Triadic

#982D25

#25982D

#2D2598

Split Complementary

#982D25

#259867

#255798

Tetradic

#982D25

#579825

#259098

#672598

Color Blindness Simulation

Original

#982D25

Protanopia

#6A6927

Deuteranopia

#707827

Tritanopia

#932829

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F6E5E4
200
#F1C9C6
300
#E7A29D
400
#DA6F67
500
#CD3D32
600
#A43128
700
#832720
800
#671E19
900
#4B1A16
950
#2F100E

Contrast Checker

Text on white

7.67:1

AA Pass AAA Pass

Text on black

2.74:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026