#983898

#983898

Color Values

HEX

#983898

RGB

152, 56, 152

HSL

300.0, 46.2%, 40.8%

HSV

300.0, 63.2%, 59.6%

CMYK

0.0%, 63.2%, 0.0%, 40.4%

OKLCH

0.5124 0.1729 327.7

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#983898

#389838

Analogous

#683898

#983868

#983898

Triadic

#983898

#989838

#389898

Split Complementary

#983898

#689838

#389868

Tetradic

#983898

#986838

#389838

#386898

Color Blindness Simulation

Original

#983898

Protanopia

#6E6E81

Deuteranopia

#747B7B

Tritanopia

#936E6A

Achromatopsia

#535353

CSS Usage

background-color: #983898;
color: #983898;
border-color: #983898;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#ECCBEC
300
#DEA6DE
400
#CC75CC
500
#BA45BA
600
#953795
700
#772C77
800
#5D225D
900
#451C45
950
#2B122B

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

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