#983098

#983098

Color Values

HEX

#983098

RGB

152, 48, 152

HSL

300.0, 52.0%, 39.2%

HSV

300.0, 68.4%, 59.6%

CMYK

0.0%, 68.4%, 0.0%, 40.4%

OKLCH

0.5039 0.1836 327.9

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#983098

#309830

Analogous

#643098

#983064

#983098

Triadic

#983098

#989830

#309898

Split Complementary

#983098

#649830

#309864

Tetradic

#983098

#986430

#309830

#306498

Color Blindness Simulation

Original

#983098

Protanopia

#6B6A7F

Deuteranopia

#717979

Tritanopia

#936B67

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E5F5
200
#EEC9EE
300
#E2A2E2
400
#D270D2
500
#C23DC2
600
#9B319B
700
#7C277C
800
#611F61
900
#471A47
950
#2D102D

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

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