#980B2F

#980B2F

Color Values

HEX

#980B2F

RGB

152, 11, 47

HSL

344.7, 86.5%, 32.0%

HSV

344.7, 92.8%, 59.6%

CMYK

0.0%, 92.8%, 69.1%, 40.4%

OKLCH

0.4358 0.1682 16.5

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#980B2F

#0B9874

Analogous

#980B76

#982E0B

#980B2F

Triadic

#980B2F

#2F980B

#0B2F98

Split Complementary

#980B2F

#0B982E

#0B7698

Tetradic

#980B2F

#76980B

#0B9874

#2E0B98

Color Blindness Simulation

Original

#980B2F

Protanopia

#5B5A26

Deuteranopia

#636E24

Tritanopia

#911F1E

Achromatopsia

#2C2C2C

CSS Usage

background-color: #980B2F;
color: #980B2F;
border-color: #980B2F;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FDF2F5
100
#FAE0E7
200
#FABCCC
300
#F78DA8
400
#F24F79
500
#EE1149
600
#BE0E3B
700
#980B2F
800
#770925
900
#560B1E
950
#360713

Contrast Checker

Text on white

8.66:1

AA Pass AAA Pass

Text on black

2.42:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026