#5B51BE

Color Details

HEX
#5B51BE
RGB
rgb(91, 81, 190)
HSL
hsl(246, 46%, 53%)
CMYK
cmyk(52%, 57%, 0%, 25%)
Best text on this color #FFFFFF (CR 6.24:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5b51be
Contrast 3.37:1 Fail
White on #5b51be
Contrast 6.24:1 AA
#5b51be on Black
Contrast 3.37:1 Fail
#5b51be on White
Contrast 6.24:1 AA

Tints & Shades

#7c74cb
#9d97d8
#bdb9e5
#494198
#373172
#24204c

Complement & Analogous

#b3be50
#9250be
#507cbe

Triadic

#be5b50
#50be5b

Monochrome

#24204c #373172 #5b51be #9d97d8 #bdb9e5 #dedcf2

Analogous

#507cbe #85a3d2 #5b51be #a873cb #9250be #754098

Complementary Mix

#373172 #5b51be #9d97d8 #b3be50 #ced58d #747c34

Nearby Colors

#5b51bd
#5b51bf
#5b51ae
#5b51ce

Embed #5B51BE swatch

Embed this swatch

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

Open image

About #5B51BE

#5B51BE converts to RGB(91, 81, 190) and HSL(246, 46%, 53%). 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).

#5B51BE FAQs

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