#8B51B0

Color Details

HEX
#8B51B0
RGB
rgb(139, 81, 176)
HSL
hsl(277, 38%, 50%)
CMYK
cmyk(21%, 54%, 0%, 31%)
Best text on this color #FFFFFF (CR 5.38:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8b51b0
Contrast 3.90:1 Fail
White on #8b51b0
Contrast 5.38:1 AA
#8b51b0 on Black
Contrast 3.90:1 Fail
#8b51b0 on White
Contrast 5.38:1 AA

Tints & Shades

#a274c0
#b997d0
#d1b9df
#6f418d
#53316a
#382046

Complement & Analogous

#74b04f
#b04fa5
#5a4fb0

Triadic

#b08b4f
#4fb08b

Monochrome

#382046 #53316a #8b51b0 #b997d0 #d1b9df #e8dcef

Analogous

#5a4fb0 #8c84c8 #8b51b0 #c072b7 #b04fa5 #8d3f84

Complementary Mix

#53316a #8b51b0 #b997d0 #74b04f #a5cc8d #4b7233

Nearby Colors

#8b51af
#8b51b1
#8b51a0
#8b51c0

Embed #8B51B0 swatch

Embed this swatch

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

Open image

About #8B51B0

#8B51B0 converts to RGB(139, 81, 176) and HSL(277, 38%, 50%). 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).

#8B51B0 FAQs

What is the RGB value of #8B51B0?
RGB: 139, 81, 176. Copy as CSS: rgb(139, 81, 176)
Is #8B51B0 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8B51B0?
Complement: #74b04f.
Does #8B51B0 have good contrast on white or black?
On white: 5.38:1 (AA (normal text)). On black: 3.90:1 (AA (large text)).