#AB6AF6

Color Details

HEX
#AB6AF6
RGB
rgb(171, 106, 246)
HSL
hsl(268, 89%, 69%)
CMYK
cmyk(30%, 57%, 0%, 4%)
Best text on this color #000000 (CR 6.12:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ab6af6
Contrast 6.12:1 AA
White on #ab6af6
Contrast 3.43:1 Fail
#ab6af6 on Black
Contrast 6.12:1 AA
#ab6af6 on White
Contrast 3.43:1 Fail

Tints & Shades

#bc88f8
#cda6fa
#ddc3fb
#8955c5
#674094
#442a62

Complement & Analogous

#b5f66a
#f26af6
#6a6ef6

Triadic

#f6ab6a
#6af6ab

Monochrome

#442a62 #674094 #ab6af6 #cda6fa #ddc3fb #eee1fd

Analogous

#6a6ef6 #979af9 #ab6af6 #f588f8 #f26af6 #c255c5

Complementary Mix

#674094 #ab6af6 #cda6fa #b5f66a #cff99e #76a045

Nearby Colors

#ab6af5
#ab6af7
#ab6ae6
#ab6b06

Embed #AB6AF6 swatch

Embed this swatch

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

Open image

About #AB6AF6

#AB6AF6 converts to RGB(171, 106, 246) and HSL(268, 89%, 69%). 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).

#AB6AF6 FAQs

What is the RGB value of #AB6AF6?
RGB: 171, 106, 246. Copy as CSS: rgb(171, 106, 246)
Is #AB6AF6 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AB6AF6?
Complement: #b5f66a.
Does #AB6AF6 have good contrast on white or black?
On white: 3.43:1 (AA (large text)). On black: 6.12:1 (AA (normal text)).