#9354CF

#9354CF

Color Values

HEX

#9354CF

RGB

147, 84, 207

HSL

270.7, 56.2%, 57.1%

HSV

270.7, 59.4%, 81.2%

CMYK

29.0%, 59.4%, 0.0%, 18.8%

OKLCH

0.5755 0.1857 304.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#9354CF

#90CF54

Analogous

#5654CF

#CF54CE

#9354CF

Triadic

#9354CF

#CF9354

#54CF93

Split Complementary

#9354CF

#CECF54

#54CF56

Tetradic

#9354CF

#CF5654

#90CF54

#54CECF

Color Blindness Simulation

Original

#9354CF

Protanopia

#7877B1

Deuteranopia

#7B80AA

Tritanopia

#909A95

Achromatopsia

#6A6A6A

CSS Usage

background-color: #9354CF;
color: #9354CF;
border-color: #9354CF;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DCC7EF
300
#C39FE4
400
#A26CD6
500
#8138C7
600
#672D9F
700
#53247F
800
#411C64
900
#311849
950
#1F0F2E

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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