#9B3697

#9B3697

Color Values

HEX

#9B3697

RGB

155, 54, 151

HSL

302.4, 48.3%, 41.0%

HSV

302.4, 65.2%, 60.8%

CMYK

0.0%, 65.2%, 2.6%, 39.2%

OKLCH

0.514 0.1766 329.4

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#9B3697

#369B3A

Analogous

#6D369B

#9B3665

#9B3697

Triadic

#9B3697

#979B36

#36979B

Split Complementary

#9B3697

#659B36

#369B6D

Tetradic

#9B3697

#9B6D36

#369B3A

#36659B

Color Blindness Simulation

Original

#9B3697

Protanopia

#6F6E80

Deuteranopia

#757D7A

Tritanopia

#966D69

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EDCAEB
300
#DFA4DD
400
#CE73CB
500
#BD42B8
600
#973593
700
#792A76
800
#5F215C
900
#461B44
950
#2C112B

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

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