#5E5A8C

Color Details

HEX
#5E5A8C
RGB
rgb(94, 90, 140)
HSL
hsl(245, 22%, 45%)
CMYK
cmyk(33%, 36%, 0%, 45%)
Best text on this color #FFFFFF (CR 6.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e5a8c
Contrast 3.32:1 Fail
White on #5e5a8c
Contrast 6.33:1 AA
#5e5a8c on Black
Contrast 3.32:1 Fail
#5e5a8c on White
Contrast 6.33:1 AA

Tints & Shades

#7e7ba3
#9e9cba
#bfbdd1
#4b4870
#383654
#262438

Complement & Analogous

#888c5a
#775a8c
#5a6f8c

Triadic

#8c5e5a
#5a8c5e

Monochrome

#262438 #383654 #5e5a8c #9e9cba #bfbdd1 #dfdee8

Analogous

#5a6f8c #8c9aaf #5e5a8c #927ba3 #775a8c #5f4870

Complementary Mix

#383654 #5e5a8c #9e9cba #888c5a #b2b494 #585b3b

Nearby Colors

#5e5a8b
#5e5a8d
#5e5a7c
#5e5a9c

Embed #5E5A8C swatch

Embed this swatch

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

Open image

About #5E5A8C

#5E5A8C converts to RGB(94, 90, 140) and HSL(245, 22%, 45%). 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).

#5E5A8C FAQs

What is the RGB value of #5E5A8C?
RGB: 94, 90, 140. Copy as CSS: rgb(94, 90, 140)
Is #5E5A8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E5A8C?
Complement: #888c5a.
Does #5E5A8C have good contrast on white or black?
On white: 6.33:1 (AA (normal text)). On black: 3.32:1 (AA (large text)).