#AE5ED6

Color Details

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

Readability Previews

Black on #ae5ed6
Contrast 5.37:1 AA
White on #ae5ed6
Contrast 3.91:1 Fail
#ae5ed6 on Black
Contrast 5.37:1 AA
#ae5ed6 on White
Contrast 3.91:1 Fail

Tints & Shades

#be7ede
#ce9ee6
#dfbfef
#8b4bab
#683880
#462656

Complement & Analogous

#85d55d
#d55dc1
#715dd5

Triadic

#d5ad5d
#5dd5ad

Monochrome

#462656 #683880 #ae5ed6 #ce9ee6 #dfbfef #efdff7

Analogous

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

Complementary Mix

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

Nearby Colors

#ae5ed5
#ae5ed7
#ae5ec6
#ae5ee6

Embed #AE5ED6 swatch

Embed this swatch

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

Open image

About #AE5ED6

#AE5ED6 converts to RGB(174, 94, 214) 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).

#AE5ED6 FAQs

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