#9C5BF2

#9C5BF2

Color Values

HEX

#9C5BF2

RGB

156, 91, 242

HSL

265.8, 85.3%, 65.3%

HSV

265.8, 62.4%, 94.9%

CMYK

35.5%, 62.4%, 0.0%, 5.1%

OKLCH

0.6182 0.2172 299.8

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#9C5BF2

#B1F25B

Analogous

#5B66F2

#E75BF2

#9C5BF2

Triadic

#9C5BF2

#F29C5B

#5BF29C

Split Complementary

#9C5BF2

#F2E75B

#66F25B

Tetradic

#9C5BF2

#F25B66

#B1F25B

#5BF2E7

Color Blindness Simulation

Original

#9C5BF2

Protanopia

#807FCE

Deuteranopia

#8488C5

Tritanopia

#99B1AA

Achromatopsia

#747474

CSS Usage

background-color: #9C5BF2;
color: #9C5BF2;
border-color: #9C5BF2;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F7F2FD
100
#EBE0FA
200
#D7BDFA
300
#BA8EF6
400
#9550F1
500
#7013EC
600
#5A0FBD
700
#480C97
800
#380976
900
#2B0B56
950
#1B0736

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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