#5B51C5

Color Details

HEX
#5B51C5
RGB
rgb(91, 81, 197)
HSL
hsl(245, 50%, 55%)
CMYK
cmyk(54%, 59%, 0%, 23%)
Best text on this color #FFFFFF (CR 6.13:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5b51c5
Contrast 3.43:1 Fail
White on #5b51c5
Contrast 6.13:1 AA
#5b51c5 on Black
Contrast 3.43:1 Fail
#5b51c5 on White
Contrast 6.13:1 AA

Tints & Shades

#7c74d1
#9d97dc
#bdb9e8
#49419e
#373176
#24204f

Complement & Analogous

#bcc653
#9653c6
#5383c6

Triadic

#c65c53
#53c65c

Monochrome

#24204f #373176 #5b51c5 #9d97dc #bdb9e8 #dedcf3

Analogous

#5383c6 #87a8d7 #5b51c5 #ab75d1 #9653c6 #78429e

Complementary Mix

#373176 #5b51c5 #9d97dc #bcc653 #d3da8f #7a8136

Nearby Colors

#5b51c4
#5b51c6
#5b51b5
#5b51d5

Embed #5B51C5 swatch

Embed this swatch

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

Open image

About #5B51C5

#5B51C5 converts to RGB(91, 81, 197) and HSL(245, 50%, 55%). 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).

#5B51C5 FAQs

What is the RGB value of #5B51C5?
RGB: 91, 81, 197. Copy as CSS: rgb(91, 81, 197)
Is #5B51C5 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5B51C5?
Complement: #bcc653.
Does #5B51C5 have good contrast on white or black?
On white: 6.13:1 (AA (normal text)). On black: 3.43:1 (AA (large text)).