#5A57A8

Color Details

HEX
#5A57A8
RGB
rgb(90, 87, 168)
HSL
hsl(242, 32%, 50%)
CMYK
cmyk(46%, 48%, 0%, 34%)
Best text on this color #FFFFFF (CR 6.24:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5a57a8
Contrast 3.36:1 Fail
White on #5a57a8
Contrast 6.24:1 AA
#5a57a8 on Black
Contrast 3.36:1 Fail
#5a57a8 on White
Contrast 6.24:1 AA

Tints & Shades

#7b79b9
#9c9acb
#bdbcdc
#484686
#363465
#242343

Complement & Analogous

#a6a857
#8257a8
#577da8

Triadic

#a85957
#57a859

Monochrome

#242343 #363465 #5a57a8 #9c9acb #bdbcdc #deddee

Analogous

#577da8 #89a4c2 #5a57a8 #9b79b9 #8257a8 #684686

Complementary Mix

#363465 #5a57a8 #9c9acb #a6a857 #c5c692 #6c6d39

Nearby Colors

#5a57a7
#5a57a9
#5a5798
#5a57b8

Embed #5A57A8 swatch

Embed this swatch

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

Open image

About #5A57A8

#5A57A8 converts to RGB(90, 87, 168) and HSL(242, 32%, 50%). 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).

#5A57A8 FAQs

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