#9F3495

#9F3495

Color Values

HEX

#9F3495

RGB

159, 52, 149

HSL

305.6, 50.7%, 41.4%

HSV

305.6, 67.3%, 62.4%

CMYK

0.0%, 67.3%, 6.3%, 37.6%

OKLCH

0.5167 0.1799 331.8

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#9F3495

#349F3E

Analogous

#74349F

#9F3460

#9F3495

Triadic

#9F3495

#959F34

#34959F

Split Complementary

#9F3495

#609F34

#349F74

Tetradic

#9F3495

#9F7434

#349F3E

#34609F

Color Blindness Simulation

Original

#9F3495

Protanopia

#71707E

Deuteranopia

#777F78

Tritanopia

#9A6B67

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EDC9EA
300
#E1A3DB
400
#D071C8
500
#C03FB4
600
#9A3290
700
#7B2873
800
#601F5A
900
#471A42
950
#2D112A

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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