#98252B

#98252B

Color Values

HEX

#98252B

RGB

152, 37, 43

HSL

356.9, 60.8%, 37.1%

HSV

356.9, 75.7%, 59.6%

CMYK

0.0%, 75.7%, 71.7%, 40.4%

OKLCH

0.4523 0.1506 23.0

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#98252B

#259892

Analogous

#982565

#985925

#98252B

Triadic

#98252B

#2B9825

#252B98

Split Complementary

#98252B

#259859

#256598

Tetradic

#98252B

#659825

#259892

#592598

Color Blindness Simulation

Original

#98252B

Protanopia

#66652A

Deuteranopia

#6D7529

Tritanopia

#922828

Achromatopsia

#3E3E3E

CSS Usage

background-color: #98252B;
color: #98252B;
border-color: #98252B;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FBF3F4
100
#F6E4E5
200
#F1C6C8
300
#E79DA0
400
#DA676D
500
#CD323A
600
#A4282E
700
#832025
800
#67191D
900
#4B1619
950
#2F0E10

Contrast Checker

Text on white

7.97:1

AA Pass AAA Pass

Text on black

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