#980B63

#980B63

Color Values

HEX

#980B63

RGB

152, 11, 99

HSL

322.6, 86.5%, 32.0%

HSV

322.6, 92.8%, 59.6%

CMYK

0.0%, 92.8%, 34.9%, 40.4%

OKLCH

0.4518 0.1819 350.4

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#980B63

#0B9840

Analogous

#870B98

#980B1C

#980B63

Triadic

#980B63

#63980B

#0B6398

Split Complementary

#980B63

#1C980B

#0B9887

Tetradic

#980B63

#98870B

#0B9840

#0B1C98

Color Blindness Simulation

Original

#980B63

Protanopia

#5B5A4E

Deuteranopia

#636E49

Tritanopia

#913D39

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FDF2F9
100
#FAE0F0
200
#FABCE3
300
#F78DCF
400
#F24FB5
500
#EE119B
600
#BE0E7C
700
#980B63
800
#77094D
900
#560B3A
950
#360724

Contrast Checker

Text on white

8.19:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026