Maroon Colors  ·  Color Library

Palettes / Colors / #9560F0

#9560F0 — Light Vivid Purple

#9560F0 is a purple color we call Light Vivid Purple, closest to the named color SlateBlue (#6A5ACD). It belongs to the purple family.

#9560F0 is a cool purple color associated with luxury, creativity and mystery. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #BBF060; it also sits naturally between #6074F0 and #DD60F0. In the palettes below you can see it working alongside real color combinations from our collection.

#9560F0 · RGB 149, 96, 240

Download PNG swatch SVG

Color values

HEX#9560F0
RGB149, 96, 240
HSL262°, 83%, 66%
HSV262°, 60%, 94%
CMYK38%, 60%, 0%, 6%
XYZ32.31, 21.05, 84.80
Yxy21.05, 0.2338, 0.1523
CIE-Lab53.00, 51.52, -65.04
Hunter Lab45.88, 48.62, -83.05

RGB & CMYK percentages

Red 58% · Green 38% · Blue 94%

Cyan 38% · Magenta 60% · Yellow 0% · Key 6%

Previews

Sample text in #9560F0 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #9560F0 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #9560F0

.text { color: #9560F0; }
.background { background-color: #9560F0; }
.border { border: 3px solid #9560F0; }
.text-rgb { color: rgb(149, 96, 240); }
.text-hsl { color: hsl(262, 83%, 66%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #9560F0; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(149, 96, 240, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #9560F0; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(149, 96, 240, 0.8); }

HTML: <p style="color:#9560F0">Text here</p> · <div style="background-color:#9560F0">Div content here</div>

Shades of #9560F0

#8244EE#7028EB#5D14DB#5112BF#450FA3#3A0D87#2E0A6B#20074B#14042F#080213

Tints of #9560F0

#9E6EF2#A87CF3#B18AF4#BA98F5#C4A6F7#CDB4F8#D7C2F9#E0D0FB#E9DEFC#F3ECFD

Tones of #9560F0

#986BE6#9B75DB#9D80D1#A089C8#A393BD#A69EB3

Color harmonies

Complementary — #BBF060:

Analogous:

Triadic:

Contrast & accessibility

Against white text4.03:1 AA large only
Against black text5.21:1 AA

Best text color on #9560F0: #000000.

How #9560F0 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #7E7ECDDeuteranopia · #8185C5Tritanopia · #92B2AC

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Tailwind violet 500 · #8B5CF6Tailwind purple 500 · #A855F7Tailwind purple 600 · #9333EA

Palettes with #9560F0 or a close neighbour

Mellow Ruby Cinder
#5711A0 · #8B5FEE · #9DEB4A · #BFEE9E
Amber Solace
#719D13 · #C5EE74 · #8B5EEB · #C6A7EE
Smoky Ruby Mosaic
#4C1084 · #966EED · #7ADE1B · #D2F0AD
Palette 4e56c0
#4E56C0 · #9B5DE0 · #D78FEE · #FDCFFA
Palette Fff7d1
#FFF7D1 · #8B5DFF · #6A42C2 · #563A9C
Tender Ruby Dusk
#631FBC · #875CE4 · #81CA22 · #C7E79D

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#8B5FEE#8B5EEB#966EED#9B5DE0#8B5DFF#875CE4#8F53E3#9564DD#A85CF1#A661E6#A15CE0#9F6BE1

Browse neighbouring colors

← #9560EF  ·  #9560F1 →

Frequently asked questions

What color is #9560F0?

#9560F0 is Light Vivid Purple, a purple color (RGB 149, 96, 240). Its closest standard named color is SlateBlue.

What is the RGB and HSL of #9560F0?

#9560F0 is RGB 149, 96, 240 — HSL 262°, 83%, 66% — CMYK 38%, 60%, 0%, 6%.

What colors go with #9560F0?

Its complement is #BBF060; analogous partners are #6074F0 and #DD60F0. It also appears in 6+ palettes in our collection.

Can I use #9560F0 for text?

Black text on #9560F0 has a contrast ratio of 5.21:1 (passes WCAG AA); white text gives 4.03:1.