#983C8F

#983C8F

Color Values

HEX

#983C8F

RGB

152, 60, 143

HSL

305.9, 43.4%, 41.6%

HSV

305.9, 60.5%, 59.6%

CMYK

0.0%, 60.5%, 5.9%, 40.4%

OKLCH

0.5123 0.1594 331.6

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#983C8F

#3C9845

Analogous

#733C98

#983C61

#983C8F

Triadic

#983C8F

#8F983C

#3C8F98

Split Complementary

#983C8F

#61983C

#3C9873

Tetradic

#983C8F

#98733C

#3C9845

#3C6198

Color Blindness Simulation

Original

#983C8F

Protanopia

#706F7B

Deuteranopia

#767C76

Tritanopia

#936B68

Achromatopsia

#565656

CSS Usage

background-color: #983C8F;
color: #983C8F;
border-color: #983C8F;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5FA
100
#F4E7F2
200
#EBCCE8
300
#DCA7D7
400
#CA78C2
500
#B748AC
600
#923A8A
700
#752E6E
800
#5B2456
900
#431E40
950
#2B1328

Contrast Checker

Text on white

6.22:1

AA Pass AAA Fail

Text on black

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