#AD5EDC

Color Details

HEX
#AD5EDC
RGB
rgb(173, 94, 220)
HSL
hsl(278, 64%, 62%)
CMYK
cmyk(21%, 57%, 0%, 14%)
Best text on this color #000000 (CR 5.41:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ad5edc
Contrast 5.41:1 AA
White on #ad5edc
Contrast 3.88:1 Fail
#ad5edc on Black
Contrast 5.41:1 AA
#ad5edc on White
Contrast 3.88:1 Fail

Tints & Shades

#bd7ee3
#ce9eea
#debff1
#8a4bb0
#683884
#452658

Complement & Analogous

#8edc60
#dc60cc
#7160dc

Triadic

#dcaf60
#60dcaf

Monochrome

#452658 #683884 #ad5edc #ce9eea #debff1 #efdff8

Analogous

#7160dc #9c90e7 #ad5edc #e380d6 #dc60cc #b04da3

Complementary Mix

#683884 #ad5edc #ce9eea #8edc60 #b6e898 #5c8f3e

Nearby Colors

#ad5edb
#ad5edd
#ad5ecc
#ad5eec

Embed #AD5EDC swatch

Embed this swatch

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

Open image

About #AD5EDC

#AD5EDC converts to RGB(173, 94, 220) and HSL(278, 64%, 62%). 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).

#AD5EDC FAQs

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