#9349C3

#9349C3

Color Values

HEX

#9349C3

RGB

147, 73, 195

HSL

276.4, 50.4%, 52.5%

HSV

276.4, 62.6%, 76.5%

CMYK

24.6%, 62.6%, 0.0%, 23.5%

OKLCH

0.5527 0.1883 309.5

Properties

Cool Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#9349C3

#79C349

Analogous

#5649C3

#C349B6

#9349C3

Triadic

#9349C3

#C39349

#49C393

Split Complementary

#9349C3

#B6C349

#49C356

Tetradic

#9349C3

#C35649

#79C349

#49B6C3

Color Blindness Simulation

Original

#9349C3

Protanopia

#7372A6

Deuteranopia

#777D9E

Tritanopia

#8F8E89

Achromatopsia

#626262

CSS Usage

background-color: #9349C3;
color: #9349C3;
border-color: #9349C3;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EFE6F5
200
#DFC9ED
300
#C8A3E1
400
#AB71D0
500
#8D3FC0
600
#713399
700
#5A287B
800
#472060
900
#351A46
950
#22112C

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

3.98:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026