#9B3698

#9B3698

Color Values

HEX

#9B3698

RGB

155, 54, 152

HSL

301.8, 48.3%, 41.0%

HSV

301.8, 65.2%, 60.8%

CMYK

0.0%, 65.2%, 1.9%, 39.2%

OKLCH

0.5146 0.1774 329.0

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#9B3698

#369B39

Analogous

#6C369B

#9B3666

#9B3698

Triadic

#9B3698

#989B36

#36989B

Split Complementary

#9B3698

#669B36

#369B6C

Tetradic

#9B3698

#9B6C36

#369B39

#36669B

Color Blindness Simulation

Original

#9B3698

Protanopia

#6F6E80

Deuteranopia

#757D7B

Tritanopia

#966E69

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EDCAEC
300
#DFA4DE
400
#CE73CB
500
#BD42B9
600
#973594
700
#792A77
800
#5F215D
900
#461B44
950
#2C112B

Contrast Checker

Text on white

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