#5D5DBA

Color Details

HEX
#5D5DBA
RGB
rgb(93, 93, 186)
HSL
hsl(240, 40%, 55%)
CMYK
cmyk(50%, 50%, 0%, 27%)
Best text on this color #FFFFFF (CR 5.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5d5dba
Contrast 3.74:1 Fail
White on #5d5dba
Contrast 5.61:1 AA
#5d5dba on Black
Contrast 3.74:1 Fail
#5d5dba on White
Contrast 5.61:1 AA

Tints & Shades

#7d7dc8
#9e9ed6
#bebee3
#4a4a95
#383870
#25254a

Complement & Analogous

#baba5e
#8c5eba
#5e8cba

Triadic

#ba5e5e
#5eba5e

Monochrome

#25254a #383870 #5d5dba #9e9ed6 #bebee3 #dfdff1

Analogous

#5e8cba #8eafcf #5d5dba #a37ec8 #8c5eba #704b95

Complementary Mix

#383870 #5d5dba #9e9ed6 #baba5e #d2d296 #79793d

Nearby Colors

#5d5db9
#5d5dbb
#5d5daa
#5d5dca

Embed #5D5DBA swatch

Embed this swatch

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

Open image

About #5D5DBA

#5D5DBA converts to RGB(93, 93, 186) and HSL(240, 40%, 55%). 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).

#5D5DBA FAQs

What is the RGB value of #5D5DBA?
RGB: 93, 93, 186. Copy as CSS: rgb(93, 93, 186)
Is #5D5DBA a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5D5DBA?
Complement: #baba5e.
Does #5D5DBA have good contrast on white or black?
On white: 5.61:1 (AA (normal text)). On black: 3.74:1 (AA (large text)).