#9B3AE2

#9B3AE2

Color Values

HEX

#9B3AE2

RGB

155, 58, 226

HSL

274.6, 74.3%, 55.7%

HSV

274.6, 74.3%, 88.6%

CMYK

31.4%, 74.3%, 0.0%, 11.4%

OKLCH

0.5672 0.2399 306.3

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#9B3AE2

#81E23A

Analogous

#473AE2

#E23AD5

#9B3AE2

Triadic

#9B3AE2

#E29B3A

#3AE29B

Split Complementary

#9B3AE2

#D5E23A

#3AE247

Tetradic

#9B3AE2

#E2473A

#81E23A

#3AD5E2

Color Blindness Simulation

Original

#9B3AE2

Protanopia

#7170B9

Deuteranopia

#777EB0

Tritanopia

#969992

Achromatopsia

#5B5B5B

CSS Usage

background-color: #9B3AE2;
color: #9B3AE2;
border-color: #9B3AE2;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#DFC1F6
300
#C994EF
400
#AB5BE7
500
#8E21DE
600
#721AB2
700
#5B158E
800
#47106F
900
#351051
950
#220A33

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

4.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026