#983096

#983096

Color Values

HEX

#983096

RGB

152, 48, 150

HSL

301.2, 52.0%, 39.2%

HSV

301.2, 68.4%, 59.6%

CMYK

0.0%, 68.4%, 1.3%, 40.4%

OKLCH

0.5028 0.182 328.7

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#983096

#309832

Analogous

#663098

#983062

#983096

Triadic

#983096

#969830

#309698

Split Complementary

#983096

#629830

#309866

Tetradic

#983096

#986630

#309832

#306298

Color Blindness Simulation

Original

#983096

Protanopia

#6B6A7D

Deuteranopia

#717977

Tritanopia

#936A66

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E5F5
200
#EEC9ED
300
#E2A2E0
400
#D270D0
500
#C23DBF
600
#9B3199
700
#7C277A
800
#611F60
900
#471A46
950
#2D102C

Contrast Checker

Text on white

6.57:1

AA Pass AAA Fail

Text on black

3.2:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026