#AB5ECC

Color Details

HEX
#AB5ECC
RGB
rgb(171, 94, 204)
HSL
hsl(282, 52%, 58%)
CMYK
cmyk(16%, 54%, 0%, 20%)
Best text on this color #000000 (CR 5.20:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ab5ecc
Contrast 5.20:1 AA
White on #ab5ecc
Contrast 4.03:1 Fail
#ab5ecc on Black
Contrast 5.20:1 AA
#ab5ecc on White
Contrast 4.03:1 Fail

Tints & Shades

#bc7ed6
#cd9ee0
#ddbfeb
#894ba3
#67387a
#442652

Complement & Analogous

#7ecc5c
#cc5cb5
#725ccc

Triadic

#ccaa5c
#5cccaa

Monochrome

#442652 #67387a #ab5ecc #cd9ee0 #ddbfeb #eedff5

Analogous

#725ccc #9c8ddb #ab5ecc #d67dc4 #cc5cb5 #a34a91

Complementary Mix

#67387a #ab5ecc #cd9ee0 #7ecc5c #abde95 #52853c

Nearby Colors

#ab5ecb
#ab5ecd
#ab5ebc
#ab5edc

Embed #AB5ECC swatch

Embed this swatch

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

Open image

About #AB5ECC

#AB5ECC converts to RGB(171, 94, 204) and HSL(282, 52%, 58%). 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).

#AB5ECC FAQs

What is the RGB value of #AB5ECC?
RGB: 171, 94, 204. Copy as CSS: rgb(171, 94, 204)
Is #AB5ECC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AB5ECC?
Complement: #7ecc5c.
Does #AB5ECC have good contrast on white or black?
On white: 4.03:1 (AA (large text)). On black: 5.20:1 (AA (normal text)).