#983F75

#983F75

Color Values

HEX

#983F75

RGB

152, 63, 117

HSL

323.6, 41.4%, 42.2%

HSV

323.6, 58.6%, 59.6%

CMYK

0.0%, 58.6%, 23.0%, 40.4%

OKLCH

0.5042 0.1349 345.6

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#983F75

#3F9862

Analogous

#8F3F98

#983F49

#983F75

Triadic

#983F75

#75983F

#3F7598

Split Complementary

#983F75

#49983F

#3F988F

Tetradic

#983F75

#988F3F

#3F9862

#3F4998

Color Blindness Simulation

Original

#983F75

Protanopia

#717168

Deuteranopia

#777D65

Tritanopia

#945E5B

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#EACDDE
300
#DBA8C7
400
#C87AA9
500
#B44B8B
600
#903C6F
700
#733059
800
#5A2545
900
#431E34
950
#2A1321

Contrast Checker

Text on white

6.36:1

AA Pass AAA Fail

Text on black

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