#980B73

#980B73

Color Values

HEX

#980B73

RGB

152, 11, 115

HSL

315.7, 86.5%, 32.0%

HSV

315.7, 92.8%, 59.6%

CMYK

0.0%, 92.8%, 24.3%, 40.4%

OKLCH

0.4592 0.1906 342.9

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#980B73

#0B9830

Analogous

#770B98

#980B2D

#980B73

Triadic

#980B73

#73980B

#0B7398

Split Complementary

#980B73

#2D980B

#0B9877

Tetradic

#980B73

#98770B

#0B9830

#0B2D98

Color Blindness Simulation

Original

#980B73

Protanopia

#5B5A5A

Deuteranopia

#636E54

Tritanopia

#914642

Achromatopsia

#303030

CSS Usage

background-color: #980B73;
color: #980B73;
border-color: #980B73;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FDF2FA
100
#FAE0F3
200
#FABCEA
300
#F78DDB
400
#F24FC8
500
#EE11B4
600
#BE0E90
700
#980B73
800
#77095A
900
#560B42
950
#36072A

Contrast Checker

Text on white

7.98:1

AA Pass AAA Pass

Text on black

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