#AB8ED7

Color Details

HEX
#AB8ED7
RGB
rgb(171, 142, 215)
HSL
hsl(264, 48%, 70%)
CMYK
cmyk(20%, 34%, 0%, 16%)
Best text on this color #000000 (CR 7.58:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ab8ed7
Contrast 7.58:1 AAA
White on #ab8ed7
Contrast 2.77:1 Fail
#ab8ed7 on Black
Contrast 7.58:1 AAA
#ab8ed7 on White
Contrast 2.77:1 Fail

Tints & Shades

#bca5df
#cdbbe7
#ddd2ef
#8972ac
#675581
#443956

Complement & Analogous

#bad78e
#d08ed7
#8e95d7

Triadic

#d7ab8e
#8ed7ab

Monochrome

#443956 #675581 #ab8ed7 #cdbbe7 #ddd2ef #eee8f7

Analogous

#8e95d7 #b0b5e3 #ab8ed7 #d9a5df #d08ed7 #a672ac

Complementary Mix

#675581 #ab8ed7 #cdbbe7 #bad78e #d2e5b6 #798c5c

Nearby Colors

#ab8ed6
#ab8ed8
#ab8ec7
#ab8ee7

Embed #AB8ED7 swatch

Embed this swatch

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

Open image

About #AB8ED7

#AB8ED7 converts to RGB(171, 142, 215) and HSL(264, 48%, 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).

#AB8ED7 FAQs

What is the RGB value of #AB8ED7?
RGB: 171, 142, 215. Copy as CSS: rgb(171, 142, 215)
Is #AB8ED7 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AB8ED7?
Complement: #bad78e.
Does #AB8ED7 have good contrast on white or black?
On white: 2.77:1 (Fails AA). On black: 7.58:1 (AAA (normal text)).