#980B3F

#980B3F

Color Values

HEX

#980B3F

RGB

152, 11, 63

HSL

337.9, 86.5%, 32.0%

HSV

337.9, 92.8%, 59.6%

CMYK

0.0%, 92.8%, 58.6%, 40.4%

OKLCH

0.4395 0.1697 8.7

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#980B3F

#0B9864

Analogous

#980B86

#981E0B

#980B3F

Triadic

#980B3F

#3F980B

#0B3F98

Split Complementary

#980B3F

#0B981E

#0B8698

Tetradic

#980B3F

#86980B

#0B9864

#1E0B98

Color Blindness Simulation

Original

#980B3F

Protanopia

#5B5A32

Deuteranopia

#636E2F

Tritanopia

#912826

Achromatopsia

#2D2D2D

CSS Usage

background-color: #980B3F;
color: #980B3F;
border-color: #980B3F;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FDF2F6
100
#FAE0EA
200
#FABCD3
300
#F78DB4
400
#F24F8B
500
#EE1162
600
#BE0E4F
700
#980B3F
800
#770931
900
#560B27
950
#360718

Contrast Checker

Text on white

8.55:1

AA Pass AAA Pass

Text on black

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