#AF86CC

Color Details

HEX
#AF86CC
RGB
rgb(175, 134, 204)
HSL
hsl(275, 41%, 66%)
CMYK
cmyk(14%, 34%, 0%, 20%)
Best text on this color #000000 (CR 7.10:1) Determined by WCAG contrast ratio

Readability Previews

Black on #af86cc
Contrast 7.10:1 AAA
White on #af86cc
Contrast 2.96:1 Fail
#af86cc on Black
Contrast 7.10:1 AAA
#af86cc on White
Contrast 2.96:1 Fail

Tints & Shades

#bf9ed6
#cfb6e0
#dfcfeb
#8c6ba3
#69507a
#463652

Complement & Analogous

#a2cc85
#cc85c6
#8b85cc

Triadic

#ccae85
#85ccae

Monochrome

#463652 #69507a #af86cc #cfb6e0 #dfcfeb #efe7f5

Analogous

#8b85cc #aeaadb #af86cc #d69dd1 #cc85c6 #a36a9e

Complementary Mix

#69507a #af86cc #cfb6e0 #a2cc85 #c3deb0 #698556

Nearby Colors

#af86cb
#af86cd
#af86bc
#af86dc

Embed #AF86CC swatch

Embed this swatch

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

Open image

About #AF86CC

#AF86CC converts to RGB(175, 134, 204) and HSL(275, 41%, 66%). 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).

#AF86CC FAQs

What is the RGB value of #AF86CC?
RGB: 175, 134, 204. Copy as CSS: rgb(175, 134, 204)
Is #AF86CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AF86CC?
Complement: #a2cc85.
Does #AF86CC have good contrast on white or black?
On white: 2.96:1 (Fails AA). On black: 7.10:1 (AAA (normal text)).