#980653

#980653

Color Values

HEX

#980653

RGB

152, 6, 83

HSL

328.4, 92.4%, 31.0%

HSV

328.4, 96.1%, 59.6%

CMYK

0.0%, 96.1%, 45.4%, 40.4%

OKLCH

0.4439 0.1773 358.1

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#980653

#06984B

Analogous

#940698

#98060A

#980653

Triadic

#980653

#539806

#065398

Split Complementary

#980653

#0A9806

#069894

Tetradic

#980653

#989406

#06984B

#060A98

Color Blindness Simulation

Original

#980653

Protanopia

#595840

Deuteranopia

#616C3C

Tritanopia

#91322E

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBADD
300
#FA89C5
400
#F849A5
500
#F50A86
600
#C4086B
700
#9D0656
800
#7B0543
900
#590833
950
#380520

Contrast Checker

Text on white

8.45:1

AA Pass AAA Pass

Text on black

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