#98319F

#98319F

Color Values

HEX

#98319F

RGB

152, 49, 159

HSL

296.2, 52.9%, 40.8%

HSV

296.2, 69.2%, 62.4%

CMYK

4.4%, 69.2%, 0.0%, 37.6%

OKLCH

0.509 0.1882 325.2

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#98319F

#389F31

Analogous

#61319F

#9F316F

#98319F

Triadic

#98319F

#9F9831

#319F98

Split Complementary

#98319F

#6F9F31

#319F61

Tetradic

#98319F

#9F6131

#389F31

#316F9F

Color Blindness Simulation

Original

#98319F

Protanopia

#6B6B84

Deuteranopia

#71797E

Tritanopia

#936F6B

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#ECC8EE
300
#DEA1E2
400
#CC6FD3
500
#BA3CC3
600
#95309C
700
#77267D
800
#5D1E61
900
#451948
950
#2B102D

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

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