#AE96D4

Color Details

HEX
#AE96D4
RGB
rgb(174, 150, 212)
HSL
hsl(263, 42%, 71%)
CMYK
cmyk(18%, 29%, 0%, 17%)
Best text on this color #000000 (CR 8.11:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ae96d4
Contrast 8.11:1 AAA
White on #ae96d4
Contrast 2.59:1 Fail
#ae96d4 on Black
Contrast 8.11:1 AAA
#ae96d4 on White
Contrast 2.59:1 Fail

Tints & Shades

#beabdd
#cec0e5
#dfd5ee
#8b78aa
#685a7f
#463c55

Complement & Analogous

#bcd496
#cd96d4
#969dd4

Triadic

#d4ae96
#96d4ae

Monochrome

#463c55 #685a7f #ae96d4 #cec0e5 #dfd5ee #efeaf6

Analogous

#969dd4 #b6bae1 #ae96d4 #d7abdd #cd96d4 #a478aa

Complementary Mix

#685a7f #ae96d4 #cec0e5 #bcd496 #d3e3bb #7a8a62

Nearby Colors

#ae96d3
#ae96d5
#ae96c4
#ae96e4

Embed #AE96D4 swatch

Embed this swatch

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

Open image

About #AE96D4

#AE96D4 converts to RGB(174, 150, 212) and HSL(263, 42%, 71%). 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).

#AE96D4 FAQs

What is the RGB value of #AE96D4?
RGB: 174, 150, 212. Copy as CSS: rgb(174, 150, 212)
Is #AE96D4 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AE96D4?
Complement: #bcd496.
Does #AE96D4 have good contrast on white or black?
On white: 2.59:1 (Fails AA). On black: 8.11:1 (AAA (normal text)).