#AE96D2

Color Details

HEX
#AE96D2
RGB
rgb(174, 150, 210)
HSL
hsl(264, 40%, 71%)
CMYK
cmyk(17%, 29%, 0%, 18%)
Best text on this color #000000 (CR 8.09:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ae96d2
Contrast 8.09:1 AAA
White on #ae96d2
Contrast 2.59:1 Fail
#ae96d2 on Black
Contrast 8.09:1 AAA
#ae96d2 on White
Contrast 2.59:1 Fail

Tints & Shades

#beabdb
#cec0e4
#dfd5ed
#8b78a8
#685a7e
#463c54

Complement & Analogous

#bbd397
#cd97d3
#979dd3

Triadic

#d3af97
#97d3af

Monochrome

#463c54 #685a7e #ae96d2 #cec0e4 #dfd5ed #efeaf6

Analogous

#979dd3 #b6bae0 #ae96d2 #d7acdc #cd97d3 #a479a9

Complementary Mix

#685a7e #ae96d2 #cec0e4 #bbd397 #d3e2bb #7a8962

Nearby Colors

#ae96d1
#ae96d3
#ae96c2
#ae96e2

Embed #AE96D2 swatch

Embed this swatch

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

Open image

About #AE96D2

#AE96D2 converts to RGB(174, 150, 210) and HSL(264, 40%, 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).

#AE96D2 FAQs

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