#9A3FEC

#9A3FEC

Color Values

HEX

#9A3FEC

RGB

154, 63, 236

HSL

271.6, 82.0%, 58.6%

HSV

271.6, 73.3%, 92.5%

CMYK

34.7%, 73.3%, 0.0%, 7.5%

OKLCH

0.5785 0.2441 303.4

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#9A3FEC

#91EC3F

Analogous

#433FEC

#EC3FE7

#9A3FEC

Triadic

#9A3FEC

#EC9A3F

#3FEC9A

Split Complementary

#9A3FEC

#E7EC3F

#3FEC43

Tetradic

#9A3FEC

#EC433F

#91EC3F

#3FE7EC

Color Blindness Simulation

Original

#9A3FEC

Protanopia

#7372C2

Deuteranopia

#787FB8

Tritanopia

#95A19A

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DDBEF9
300
#C490F4
400
#A553EE
500
#8517E8
600
#6A12BA
700
#550F95
800
#430B74
900
#320D54
950
#200835

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

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