#980758

#980758

Color Values

HEX

#980758

RGB

152, 7, 88

HSL

326.5, 91.2%, 31.2%

HSV

326.5, 95.4%, 59.6%

CMYK

0.0%, 95.4%, 42.1%, 40.4%

OKLCH

0.4461 0.1788 355.6

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#980758

#079847

Analogous

#900798

#98070F

#980758

Triadic

#980758

#589807

#075898

Split Complementary

#980758

#0F9807

#079890

Tetradic

#980758

#989007

#079847

#070F98

Color Blindness Simulation

Original

#980758

Protanopia

#595844

Deuteranopia

#626C40

Tritanopia

#913532

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FCBBDF
300
#FA8AC8
400
#F74BAB
500
#F40B8D
600
#C30971
700
#9C075A
800
#7A0647
900
#580935
950
#380522

Contrast Checker

Text on white

8.38:1

AA Pass AAA Pass

Text on black

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