#9302C4

#9302C4

Color Values

HEX

#9302C4

RGB

147, 2, 196

HSL

284.8, 98.0%, 38.8%

HSV

284.8, 99.0%, 76.9%

CMYK

25.0%, 99.0%, 0.0%, 23.1%

OKLCH

0.5017 0.2485 313.2

Properties

Cool Dark Nearest: darkviolet

Color Harmonies

Complementary

#9302C4

#33C402

Analogous

#3202C4

#C40294

#9302C4

Triadic

#9302C4

#C49302

#02C493

Split Complementary

#9302C4

#94C402

#02C432

Tetradic

#9302C4

#C43202

#33C402

#0294C4

Color Blindness Simulation

Original

#9302C4

Protanopia

#545395

Deuteranopia

#5D678A

Tritanopia

#8C7068

Achromatopsia

#2F2F2F

CSS Usage

background-color: #9302C4;
color: #9302C4;
border-color: #9302C4;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#FAF1FE
100
#F4DEFC
200
#EDB8FE
300
#DF86FE
400
#CE44FD
500
#BD03FC
600
#9702CA
700
#7902A2
800
#5F017E
900
#46065B
950
#2C043A

Contrast Checker

Text on white

6.89:1

AA Pass AAA Fail

Text on black

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