#9B64D3

Color Details

HEX
#9B64D3
RGB
rgb(155, 100, 211)
HSL
hsl(270, 56%, 61%)
CMYK
cmyk(27%, 53%, 0%, 17%)
Best text on this color #000000 (CR 5.16:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9b64d3
Contrast 5.16:1 AA
White on #9b64d3
Contrast 4.07:1 Fail
#9b64d3 on Black
Contrast 5.16:1 AA
#9b64d3 on White
Contrast 4.07:1 Fail

Tints & Shades

#af83dc
#c3a2e5
#d7c1ed
#7c50a9
#5d3c7f
#3e2854

Complement & Analogous

#9cd364
#d364d3
#6464d3

Triadic

#d39c64
#64d39c

Monochrome

#3e2854 #5d3c7f #9b64d3 #c3a2e5 #d7c1ed #ebe0f6

Analogous

#6464d3 #9393e0 #9b64d3 #dc83dc #d364d3 #a950a9

Complementary Mix

#5d3c7f #9b64d3 #c3a2e5 #9cd364 #bfe29a #658941

Nearby Colors

#9b64d2
#9b64d4
#9b64c3
#9b64e3

Embed #9B64D3 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #9B64D3

#9B64D3 converts to RGB(155, 100, 211) and HSL(270, 56%, 61%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#9B64D3 FAQs

What is the RGB value of #9B64D3?
RGB: 155, 100, 211. Copy as CSS: rgb(155, 100, 211)
Is #9B64D3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #9B64D3?
Complement: #9cd364.
Does #9B64D3 have good contrast on white or black?
On white: 4.07:1 (AA (large text)). On black: 5.16:1 (AA (normal text)).