#AA7BEC

Color Details

HEX
#AA7BEC
RGB
rgb(170, 123, 236)
HSL
hsl(265, 75%, 70%)
CMYK
cmyk(28%, 48%, 0%, 7%)
Best text on this color #000000 (CR 6.75:1) Determined by WCAG contrast ratio

Readability Previews

Black on #aa7bec
Contrast 6.75:1 AA
White on #aa7bec
Contrast 3.11:1 Fail
#aa7bec on Black
Contrast 6.75:1 AA
#aa7bec on White
Contrast 3.11:1 Fail

Tints & Shades

#bb95f0
#ccb0f4
#ddcaf7
#8862bd
#664a8e
#44315e

Complement & Analogous

#bcec79
#e279ec
#7983ec

Triadic

#eca979
#79eca9

Monochrome

#44315e #664a8e #aa7bec #ccb0f4 #ddcaf7 #eee5fb

Analogous

#7983ec #a1a8f2 #aa7bec #e894f0 #e279ec #b561bd

Complementary Mix

#664a8e #aa7bec #ccb0f4 #bcec79 #d3f3a8 #7a994f

Nearby Colors

#aa7beb
#aa7bed
#aa7bdc
#aa7bfc

Embed #AA7BEC swatch

Embed this swatch

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

Open image

About #AA7BEC

#AA7BEC converts to RGB(170, 123, 236) and HSL(265, 75%, 70%). 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).

#AA7BEC FAQs

What is the RGB value of #AA7BEC?
RGB: 170, 123, 236. Copy as CSS: rgb(170, 123, 236)
Is #AA7BEC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AA7BEC?
Complement: #bcec79.
Does #AA7BEC have good contrast on white or black?
On white: 3.11:1 (AA (large text)). On black: 6.75:1 (AA (normal text)).