#AA60DD

Color Details

HEX
#AA60DD
RGB
rgb(170, 96, 221)
HSL
hsl(276, 65%, 62%)
CMYK
cmyk(23%, 57%, 0%, 13%)
Best text on this color #000000 (CR 5.43:1) Determined by WCAG contrast ratio

Readability Previews

Black on #aa60dd
Contrast 5.43:1 AA
White on #aa60dd
Contrast 3.87:1 Fail
#aa60dd on Black
Contrast 5.43:1 AA
#aa60dd on White
Contrast 3.87:1 Fail

Tints & Shades

#bb80e4
#cca0eb
#ddbff1
#884db1
#663a85
#442658

Complement & Analogous

#92dd5f
#dd5fd0
#6c5fdd

Triadic

#ddab5f
#5fddab

Monochrome

#442658 #663a85 #aa60dd #cca0eb #ddbff1 #eedff8

Analogous

#6c5fdd #988fe7 #aa60dd #e47fd9 #dd5fd0 #b14ca6

Complementary Mix

#663a85 #aa60dd #cca0eb #92dd5f #b8e997 #5f903e

Nearby Colors

#aa60dc
#aa60de
#aa60cd
#aa60ed

Embed #AA60DD swatch

Embed this swatch

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

Open image

About #AA60DD

#AA60DD converts to RGB(170, 96, 221) and HSL(276, 65%, 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).

#AA60DD FAQs

What is the RGB value of #AA60DD?
RGB: 170, 96, 221. Copy as CSS: rgb(170, 96, 221)
Is #AA60DD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AA60DD?
Complement: #92dd5f.
Does #AA60DD have good contrast on white or black?
On white: 3.87:1 (AA (large text)). On black: 5.43:1 (AA (normal text)).