#96319F

#96319F

Color Values

HEX

#96319F

RGB

150, 49, 159

HSL

295.1, 52.9%, 40.8%

HSV

295.1, 69.2%, 62.4%

CMYK

5.7%, 69.2%, 0.0%, 37.6%

OKLCH

0.5061 0.1872 324.4

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#96319F

#3A9F31

Analogous

#5F319F

#9F3171

#96319F

Triadic

#96319F

#9F9631

#319F96

Split Complementary

#96319F

#719F31

#319F5F

Tetradic

#96319F

#9F5F31

#3A9F31

#31719F

Color Blindness Simulation

Original

#96319F

Protanopia

#6A6984

Deuteranopia

#70787E

Tritanopia

#916F6B

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#EBC8EE
300
#DDA1E2
400
#CA6FD3
500
#B83CC3
600
#93309C
700
#76267D
800
#5C1E61
900
#441948
950
#2B102D

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

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