#AA86C0

Color Details

HEX
#AA86C0
RGB
rgb(170, 134, 192)
HSL
hsl(277, 32%, 64%)
CMYK
cmyk(11%, 30%, 0%, 25%)
Best text on this color #000000 (CR 6.88:1) Determined by WCAG contrast ratio

Readability Previews

Black on #aa86c0
Contrast 6.88:1 AA
White on #aa86c0
Contrast 3.05:1 Fail
#aa86c0 on Black
Contrast 6.88:1 AA
#aa86c0 on White
Contrast 3.05:1 Fail

Tints & Shades

#bb9ecd
#ccb6d9
#ddcfe6
#886b9a
#665073
#44364d

Complement & Analogous

#9cc186
#c186ba
#8d86c1

Triadic

#c1aa86
#86c1aa

Monochrome

#44364d #665073 #aa86c0 #ccb6d9 #ddcfe6 #eee7f2

Analogous

#8d86c1 #afaad4 #aa86c0 #cd9ec8 #c186ba #9a6b95

Complementary Mix

#665073 #aa86c0 #ccb6d9 #9cc186 #bfd7b0 #657d57

Nearby Colors

#aa86bf
#aa86c1
#aa86b0
#aa86d0

Embed #AA86C0 swatch

Embed this swatch

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

Open image

About #AA86C0

#AA86C0 converts to RGB(170, 134, 192) and HSL(277, 32%, 64%). 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).

#AA86C0 FAQs

What is the RGB value of #AA86C0?
RGB: 170, 134, 192. Copy as CSS: rgb(170, 134, 192)
Is #AA86C0 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AA86C0?
Complement: #9cc186.
Does #AA86C0 have good contrast on white or black?
On white: 3.05:1 (AA (large text)). On black: 6.88:1 (AA (normal text)).