#5B51BD

Color Details

HEX
#5B51BD
RGB
rgb(91, 81, 189)
HSL
hsl(246, 45%, 53%)
CMYK
cmyk(52%, 57%, 0%, 26%)
Best text on this color #FFFFFF (CR 6.26:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5b51bd
Contrast 3.36:1 Fail
White on #5b51bd
Contrast 6.26:1 AA
#5b51bd on Black
Contrast 3.36:1 Fail
#5b51bd on White
Contrast 6.26:1 AA

Tints & Shades

#7c74ca
#9d97d7
#bdb9e5
#494197
#373171
#24204c

Complement & Analogous

#b2bd51
#9251bd
#517cbd

Triadic

#bd5c51
#51bd5c

Monochrome

#24204c #373171 #5b51bd #9d97d7 #bdb9e5 #dedcf2

Analogous

#517cbd #85a3d1 #5b51bd #a874ca #9251bd #754197

Complementary Mix

#373171 #5b51bd #9d97d7 #b2bd51 #cdd48e #747b35

Nearby Colors

#5b51bc
#5b51be
#5b51ad
#5b51cd

Embed #5B51BD swatch

Embed this swatch

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

Open image

About #5B51BD

#5B51BD converts to RGB(91, 81, 189) and HSL(246, 45%, 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).

#5B51BD FAQs

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