#9346D2

#9346D2

Color Values

HEX

#9346D2

RGB

147, 70, 210

HSL

273.0, 60.9%, 54.9%

HSV

273.0, 66.7%, 82.4%

CMYK

30.0%, 66.7%, 0.0%, 17.6%

OKLCH

0.5591 0.2081 305.9

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#9346D2

#85D246

Analogous

#4D46D2

#D246CB

#9346D2

Triadic

#9346D2

#D29346

#46D293

Split Complementary

#9346D2

#CBD246

#46D24D

Tetradic

#9346D2

#D24D46

#85D246

#46CBD2

Color Blindness Simulation

Original

#9346D2

Protanopia

#7271B0

Deuteranopia

#767CA8

Tritanopia

#8F9590

Achromatopsia

#606060

CSS Usage

background-color: #9346D2;
color: #9346D2;
border-color: #9346D2;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F3FB
100
#EEE4F6
200
#DDC6F1
300
#C69DE7
400
#A667DA
500
#8732CD
600
#6C28A4
700
#572083
800
#441967
900
#33164B
950
#200E2F

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

4.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