#980C3F

#980C3F

Color Values

HEX

#980C3F

RGB

152, 12, 63

HSL

338.1, 85.4%, 32.2%

HSV

338.1, 92.1%, 59.6%

CMYK

0.0%, 92.1%, 58.6%, 40.4%

OKLCH

0.4398 0.1692 8.7

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#980C3F

#0C9865

Analogous

#980C85

#981F0C

#980C3F

Triadic

#980C3F

#3F980C

#0C3F98

Split Complementary

#980C3F

#0C981F

#0C8598

Tetradic

#980C3F

#85980C

#0C9865

#1F0C98

Color Blindness Simulation

Original

#980C3F

Protanopia

#5B5A33

Deuteranopia

#646E30

Tritanopia

#912927

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE0EA
200
#FABDD3
300
#F68EB4
400
#F1508B
500
#EC1362
600
#BD0F4E
700
#970C3F
800
#760931
900
#560B26
950
#360718

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

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