#5D4ADC

Color Details

HEX
#5D4ADC
RGB
rgb(93, 74, 220)
HSL
hsl(248, 68%, 58%)
CMYK
cmyk(58%, 66%, 0%, 14%)
Best text on this color #FFFFFF (CR 6.04:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5d4adc
Contrast 3.48:1 Fail
White on #5d4adc
Contrast 6.04:1 AA
#5d4adc on Black
Contrast 3.48:1 Fail
#5d4adc on White
Contrast 6.04:1 AA

Tints & Shades

#7d6ee3
#9e92ea
#beb7f1
#4a3bb0
#382c84
#251e58

Complement & Analogous

#c9dd4b
#a74bdd
#4b80dd

Triadic

#dd5e4b
#4bdd5e

Monochrome

#251e58 #382c84 #5d4adc #9e92ea #beb7f1 #dfdbf8

Analogous

#4b80dd #81a6e7 #5d4adc #b96fe4 #a74bdd #863cb1

Complementary Mix

#382c84 #5d4adc #9e92ea #c9dd4b #dce98a #839031

Nearby Colors

#5d4adb
#5d4add
#5d4acc
#5d4aec

Embed #5D4ADC swatch

Embed this swatch

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

Open image

About #5D4ADC

#5D4ADC converts to RGB(93, 74, 220) and HSL(248, 68%, 58%). 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).

#5D4ADC FAQs

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