#AD5ED5

Color Details

HEX
#AD5ED5
RGB
rgb(173, 94, 213)
HSL
hsl(280, 59%, 60%)
CMYK
cmyk(19%, 56%, 0%, 16%)
Best text on this color #000000 (CR 5.34:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ad5ed5
Contrast 5.34:1 AA
White on #ad5ed5
Contrast 3.93:1 Fail
#ad5ed5 on Black
Contrast 5.34:1 AA
#ad5ed5 on White
Contrast 3.93:1 Fail

Tints & Shades

#bd7edd
#ce9ee6
#debfee
#8a4baa
#683880
#452655

Complement & Analogous

#85d55d
#d55dc1
#715dd5

Triadic

#d5ad5d
#5dd5ad

Monochrome

#452655 #683880 #ad5ed5 #ce9ee6 #debfee #efdff7

Analogous

#715dd5 #9c8ee2 #ad5ed5 #dd7dcd #d55dc1 #aa4a9a

Complementary Mix

#683880 #ad5ed5 #ce9ee6 #85d55d #b0e496 #568a3c

Nearby Colors

#ad5ed4
#ad5ed6
#ad5ec5
#ad5ee5

Embed #AD5ED5 swatch

Embed this swatch

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

Open image

About #AD5ED5

#AD5ED5 converts to RGB(173, 94, 213) and HSL(280, 59%, 60%). 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).

#AD5ED5 FAQs

What is the RGB value of #AD5ED5?
RGB: 173, 94, 213. Copy as CSS: rgb(173, 94, 213)
Is #AD5ED5 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AD5ED5?
Complement: #85d55d.
Does #AD5ED5 have good contrast on white or black?
On white: 3.93:1 (AA (large text)). On black: 5.34:1 (AA (normal text)).