#AA5A7D

Color Details

HEX
#AA5A7D
RGB
rgb(170, 90, 125)
HSL
hsl(334, 32%, 51%)
CMYK
cmyk(0%, 47%, 26%, 33%)
Best text on this color #FFFFFF (CR 4.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #aa5a7d
Contrast 4.47:1 Fail
White on #aa5a7d
Contrast 4.70:1 AA
#aa5a7d on Black
Contrast 4.47:1 Fail
#aa5a7d on White
Contrast 4.70:1 AA

Tints & Shades

#bb7b97
#cc9cb1
#ddbdcb
#884864
#66364b
#442432

Complement & Analogous

#5aaa87
#aa5f5a
#aa5aa5

Triadic

#7daa5a
#5a7daa

Monochrome

#442432 #66364b #aa5a7d #cc9cb1 #ddbdcb #eedee5

Analogous

#aa5aa5 #c48cc0 #aa5a7d #bb7f7b #aa5f5a #884c48

Complementary Mix

#66364b #aa5a7d #cc9cb1 #5aaa87 #94c8b1 #3b6f58

Nearby Colors

#aa5a7c
#aa5a7e
#aa5a6d
#aa5a8d

Embed #AA5A7D swatch

Embed this swatch

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

Open image

About #AA5A7D

#AA5A7D converts to RGB(170, 90, 125) and HSL(334, 32%, 51%). 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).

#AA5A7D FAQs

What is the RGB value of #AA5A7D?
RGB: 170, 90, 125. Copy as CSS: rgb(170, 90, 125)
Is #AA5A7D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AA5A7D?
Complement: #5aaa87.
Does #AA5A7D have good contrast on white or black?
On white: 4.70:1 (AA (normal text)). On black: 4.47:1 (AA (large text)).