#984073

#984073

Color Values

HEX

#984073

RGB

152, 64, 115

HSL

325.2, 40.7%, 42.4%

HSV

325.2, 57.9%, 59.6%

CMYK

0.0%, 57.9%, 24.3%, 40.4%

OKLCH

0.5047 0.132 347.0

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#984073

#409865

Analogous

#914098

#984047

#984073

Triadic

#984073

#739840

#407398

Split Complementary

#984073

#479840

#409891

Tetradic

#984073

#989140

#409865

#404798

Color Blindness Simulation

Original

#984073

Protanopia

#727167

Deuteranopia

#777E64

Tritanopia

#945D5B

Achromatopsia

#565656

CSS Usage

background-color: #984073;
color: #984073;
border-color: #984073;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#EACDDE
300
#DBA9C6
400
#C77AA7
500
#B34C88
600
#903C6D
700
#733057
800
#5A2644
900
#421F33
950
#2A1320

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

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