#5B51FF

Color Details

HEX
#5B51FF
RGB
rgb(91, 81, 255)
HSL
hsl(243, 100%, 66%)
CMYK
cmyk(64%, 68%, 0%, 0%)
Best text on this color #FFFFFF (CR 5.17:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5b51ff
Contrast 4.07:1 Fail
White on #5b51ff
Contrast 5.17:1 AA
#5b51ff on Black
Contrast 4.07:1 Fail
#5b51ff on White
Contrast 5.17:1 AA

Tints & Shades

#7c74ff
#9d97ff
#bdb9ff
#4941cc
#373199
#242066

Complement & Analogous

#f6ff52
#b152ff
#52a0ff

Triadic

#ff5a52
#52ff5a

Monochrome

#242066 #373199 #5b51ff #9d97ff #bdb9ff #dedcff

Analogous

#52a0ff #86bdff #5b51ff #c175ff #b152ff #8e42cc

Complementary Mix

#373199 #5b51ff #9d97ff #f6ff52 #f9ff8f #a0a635

Nearby Colors

#5b51fe
#5b5200
#5b51ef
#5b520f

Embed #5B51FF swatch

Embed this swatch

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

Open image

About #5B51FF

#5B51FF converts to RGB(91, 81, 255) and HSL(243, 100%, 66%). 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).

#5B51FF FAQs

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