#980C45

#980C45

Color Values

HEX

#980C45

RGB

152, 12, 69

HSL

335.6, 85.4%, 32.2%

HSV

335.6, 92.1%, 59.6%

CMYK

0.0%, 92.1%, 54.6%, 40.4%

OKLCH

0.4415 0.1704 5.7

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#980C45

#0C985F

Analogous

#980C8B

#98190C

#980C45

Triadic

#980C45

#45980C

#0C4598

Split Complementary

#980C45

#0C9819

#0C8B98

Tetradic

#980C45

#8B980C

#0C985F

#190C98

Color Blindness Simulation

Original

#980C45

Protanopia

#5B5A37

Deuteranopia

#646E34

Tritanopia

#912C2A

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE0EB
200
#FABDD6
300
#F68EB8
400
#F15092
500
#EC136B
600
#BD0F56
700
#970C45
800
#760936
900
#560B29
950
#36071A

Contrast Checker

Text on white

8.49:1

AA Pass AAA Pass

Text on black

2.47:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026