#5B64A5

Color Details

HEX
#5B64A5
RGB
rgb(91, 100, 165)
HSL
hsl(233, 29%, 50%)
CMYK
cmyk(45%, 39%, 0%, 35%)
Best text on this color #FFFFFF (CR 5.51:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5b64a5
Contrast 3.81:1 Fail
White on #5b64a5
Contrast 5.51:1 AA
#5b64a5 on Black
Contrast 3.81:1 Fail
#5b64a5 on White
Contrast 5.51:1 AA

Tints & Shades

#7c83b7
#9da2c9
#bdc1db
#495084
#373c63
#242842

Complement & Analogous

#a49c5b
#775ba4
#5b88a4

Triadic

#a45b63
#63a45b

Monochrome

#242842 #373c63 #5b64a5 #9da2c9 #bdc1db #dee0ed

Analogous

#5b88a4 #8cacbf #5b64a5 #927cb6 #775ba4 #5f4983

Complementary Mix

#373c63 #5b64a5 #9da2c9 #a49c5b #c4bf94 #6b653b

Nearby Colors

#5b64a4
#5b64a6
#5b6495
#5b64b5

Embed #5B64A5 swatch

Embed this swatch

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

Open image

About #5B64A5

#5B64A5 converts to RGB(91, 100, 165) and HSL(233, 29%, 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).

#5B64A5 FAQs

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