#AA5ED9

Color Details

HEX
#AA5ED9
RGB
rgb(170, 94, 217)
HSL
hsl(277, 62%, 61%)
CMYK
cmyk(22%, 57%, 0%, 15%)
Best text on this color #000000 (CR 5.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #aa5ed9
Contrast 5.31:1 AA
White on #aa5ed9
Contrast 3.95:1 Fail
#aa5ed9 on Black
Contrast 5.31:1 AA
#aa5ed9 on White
Contrast 3.95:1 Fail

Tints & Shades

#bb7ee1
#cc9ee8
#ddbff0
#884bae
#663882
#442657

Complement & Analogous

#8dd95e
#d95ecb
#6c5ed9

Triadic

#d9aa5e
#5ed9aa

Monochrome

#442657 #663882 #aa5ed9 #cc9ee8 #ddbff0 #eedff7

Analogous

#6c5ed9 #988ee4 #aa5ed9 #e17ed5 #d95ecb #ae4ba2

Complementary Mix

#663882 #aa5ed9 #cc9ee8 #8dd95e #b5e696 #5c8d3d

Nearby Colors

#aa5ed8
#aa5eda
#aa5ec9
#aa5ee9

Embed #AA5ED9 swatch

Embed this swatch

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

Open image

About #AA5ED9

#AA5ED9 converts to RGB(170, 94, 217) and HSL(277, 62%, 61%). 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).

#AA5ED9 FAQs

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