#983F6C

#983F6C

Color Values

HEX

#983F6C

RGB

152, 63, 108

HSL

329.7, 41.4%, 42.2%

HSV

329.7, 58.6%, 59.6%

CMYK

0.0%, 58.6%, 28.9%, 40.4%

OKLCH

0.5006 0.1296 351.3

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#983F6C

#3F986B

Analogous

#983F98

#983F40

#983F6C

Triadic

#983F6C

#6C983F

#3F6C98

Split Complementary

#983F6C

#40983F

#3F9898

Tetradic

#983F6C

#98983F

#3F986B

#3F4098

Color Blindness Simulation

Original

#983F6C

Protanopia

#717161

Deuteranopia

#777D5E

Tritanopia

#945957

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7ED
200
#EACDDB
300
#DBA8C2
400
#C87AA1
500
#B44B80
600
#903C66
700
#733052
800
#5A2540
900
#431E31
950
#2A131F

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

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