#8B59CC

Color Details

HEX
#8B59CC
RGB
rgb(139, 89, 204)
HSL
hsl(266, 53%, 57%)
CMYK
cmyk(32%, 56%, 0%, 20%)
Best text on this color #FFFFFF (CR 4.77:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8b59cc
Contrast 4.40:1 Fail
White on #8b59cc
Contrast 4.77:1 AA
#8b59cc on Black
Contrast 4.40:1 Fail
#8b59cc on White
Contrast 4.77:1 AA

Tints & Shades

#a27ad6
#b99be0
#d1bdeb
#6f47a3
#53357a
#382452

Complement & Analogous

#99cb57
#c457cb
#575fcb

Triadic

#cb8a57
#57cb8a

Monochrome

#382452 #53357a #8b59cc #b99be0 #d1bdeb #e8def5

Analogous

#575fcb #898fdb #8b59cc #d079d5 #c457cb #9d46a2

Complementary Mix

#53357a #8b59cc #b99be0 #99cb57 #bddd92 #638439

Nearby Colors

#8b59cb
#8b59cd
#8b59bc
#8b59dc

Embed #8B59CC swatch

Embed this swatch

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

Open image

About #8B59CC

#8B59CC converts to RGB(139, 89, 204) and HSL(266, 53%, 57%). 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).

#8B59CC FAQs

What is the RGB value of #8B59CC?
RGB: 139, 89, 204. Copy as CSS: rgb(139, 89, 204)
Is #8B59CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8B59CC?
Complement: #99cb57.
Does #8B59CC have good contrast on white or black?
On white: 4.77:1 (AA (normal text)). On black: 4.40:1 (AA (large text)).