#9C5BEC

#9C5BEC

Color Values

HEX

#9C5BEC

RGB

156, 91, 236

HSL

266.9, 79.2%, 64.1%

HSV

266.9, 61.4%, 92.5%

CMYK

33.9%, 61.4%, 0.0%, 7.5%

OKLCH

0.6142 0.2105 301.0

Properties

Cool Light Nearest: Purple Heart

Color Harmonies

Complementary

#9C5BEC

#ABEC5B

Analogous

#5B62EC

#E45BEC

#9C5BEC

Triadic

#9C5BEC

#EC9C5B

#5BEC9C

Split Complementary

#9C5BEC

#ECE45B

#62EC5B

Tetradic

#9C5BEC

#EC5B62

#ABEC5B

#5BECE4

Color Blindness Simulation

Original

#9C5BEC

Protanopia

#807FC9

Deuteranopia

#8488C0

Tritanopia

#99ADA7

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#ECE1F9
200
#D8BFF8
300
#BD91F2
400
#9956EB
500
#751BE4
600
#5E15B7
700
#4B1192
800
#3B0D72
900
#2D0E53
950
#1C0934

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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