#9B5CC2

#9B5CC2

Color Values

HEX

#9B5CC2

RGB

155, 92, 194

HSL

277.1, 45.5%, 56.1%

HSV

277.1, 52.6%, 76.1%

CMYK

20.1%, 52.6%, 0.0%, 23.9%

OKLCH

0.5884 0.161 310.9

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#9B5CC2

#83C25C

Analogous

#685CC2

#C25CB6

#9B5CC2

Triadic

#9B5CC2

#C29B5C

#5CC29B

Split Complementary

#9B5CC2

#B6C25C

#5CC268

Tetradic

#9B5CC2

#C2685C

#83C25C

#5CB6C2

Color Blindness Simulation

Original

#9B5CC2

Protanopia

#807FA9

Deuteranopia

#8388A3

Tritanopia

#989692

Achromatopsia

#717171

CSS Usage

background-color: #9B5CC2;
color: #9B5CC2;
border-color: #9B5CC2;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#DFCBEC
300
#C8A6DE
400
#AB76CC
500
#8D45BA
600
#713894
700
#5A2C77
800
#47235D
900
#351D44
950
#22122B

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

4.7:1

AA Pass 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