#5A51A6

Color Details

HEX
#5A51A6
RGB
rgb(90, 81, 166)
HSL
hsl(246, 34%, 48%)
CMYK
cmyk(46%, 51%, 0%, 35%)
Best text on this color #FFFFFF (CR 6.64:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5a51a6
Contrast 3.16:1 Fail
White on #5a51a6
Contrast 6.64:1 AA
#5a51a6 on Black
Contrast 3.16:1 Fail
#5a51a6 on White
Contrast 6.64:1 AA

Tints & Shades

#7b74b8
#9c97ca
#bdb9db
#484185
#363164
#242042

Complement & Analogous

#9ca451
#8351a4
#5172a4

Triadic

#a45951
#51a459

Monochrome

#242042 #363164 #5a51a6 #9c97ca #bdb9db #dedced

Analogous

#5172a4 #859cbf #5a51a6 #9c74b6 #8351a4 #694183

Complementary Mix

#363164 #5a51a6 #9c97ca #9ca451 #bfc48e #656b35

Nearby Colors

#5a51a5
#5a51a7
#5a5196
#5a51b6

Embed #5A51A6 swatch

Embed this swatch

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

Open image

About #5A51A6

#5A51A6 converts to RGB(90, 81, 166) and HSL(246, 34%, 48%). 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).

#5A51A6 FAQs

What is the RGB value of #5A51A6?
RGB: 90, 81, 166. Copy as CSS: rgb(90, 81, 166)
Is #5A51A6 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5A51A6?
Complement: #9ca451.
Does #5A51A6 have good contrast on white or black?
On white: 6.64:1 (AA (normal text)). On black: 3.16:1 (AA (large text)).