#5A51A5

Color Details

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

Readability Previews

Black on #5a51a5
Contrast 3.16:1 Fail
White on #5a51a5
Contrast 6.66:1 AA
#5a51a5 on Black
Contrast 3.16:1 Fail
#5a51a5 on White
Contrast 6.66:1 AA

Tints & Shades

#7b74b7
#9c97c9
#bdb9db
#484184
#363163
#242042

Complement & Analogous

#9ca451
#8351a4
#5172a4

Triadic

#a45951
#51a459

Monochrome

#242042 #363163 #5a51a5 #9c97c9 #bdb9db #dedced

Analogous

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

Complementary Mix

#363163 #5a51a5 #9c97c9 #9ca451 #bfc48e #656b35

Nearby Colors

#5a51a4
#5a51a6
#5a5195
#5a51b5

Embed #5A51A5 swatch

Embed this swatch

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

Open image

About #5A51A5

#5A51A5 converts to RGB(90, 81, 165) 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).

#5A51A5 FAQs

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