#5B51D2

Color Details

HEX
#5B51D2
RGB
rgb(91, 81, 210)
HSL
hsl(245, 59%, 57%)
CMYK
cmyk(57%, 61%, 0%, 18%)
Best text on this color #FFFFFF (CR 5.91:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5b51d2
Contrast 3.55:1 Fail
White on #5b51d2
Contrast 5.91:1 AA
#5b51d2 on Black
Contrast 3.55:1 Fail
#5b51d2 on White
Contrast 5.91:1 AA

Tints & Shades

#7c74db
#9d97e4
#bdb9ed
#4941a8
#37317e
#242054

Complement & Analogous

#c7d251
#9c51d2
#5187d2

Triadic

#d25b51
#51d25b

Monochrome

#242054 #37317e #5b51d2 #9d97e4 #bdb9ed #dedcf6

Analogous

#5187d2 #85abe0 #5b51d2 #b074db #9c51d2 #7d41a8

Complementary Mix

#37317e #5b51d2 #9d97e4 #c7d251 #dbe28e #818935

Nearby Colors

#5b51d1
#5b51d3
#5b51c2
#5b51e2

Embed #5B51D2 swatch

Embed this swatch

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

Open image

About #5B51D2

#5B51D2 converts to RGB(91, 81, 210) and HSL(245, 59%, 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).

#5B51D2 FAQs

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