#9B3CE2

#9B3CE2

Color Values

HEX

#9B3CE2

RGB

155, 60, 226

HSL

274,3, 74,1%, 56,1%

HSV

274,3, 73,5%, 88,6%

CMYK

31,4%, 73,5%, 0,0%, 11,4%

OKLCH

0,5691 0,2378 306,2

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#9B3CE2

#83E23C

Analogous

#483CE2

#E23CD6

#9B3CE2

Triadic

#9B3CE2

#E29B3C

#3CE29B

Split Complementary

#9B3CE2

#D6E23C

#3CE248

Tetradic

#9B3CE2

#E2483C

#83E23C

#3CD6E2

Color Blindness Simulation

Original

#9B3CE2

Protanopia

#7271BA

Deuteranopia

#777EB0

Tritanopia

#969A93

Achromatopsia

#5C5C5C

CSS Usage

background-color: #9B3CE2;
color: #9B3CE2;
border-color: #9B3CE2;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#DFC1F6
300
#C894EF
400
#AB5BE7
500
#8D21DE
600
#711AB2
700
#5A158E
800
#47116F
900
#351051
950
#220A33

Contrast Checker

Text on white

5,07:1

AA Pass AAA Fail

Text on black

4,14: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