#AF8EDC

Color Details

HEX
#AF8EDC
RGB
rgb(175, 142, 220)
HSL
hsl(265, 53%, 71%)
CMYK
cmyk(20%, 35%, 0%, 14%)
Best text on this color #000000 (CR 7.73:1) Determined by WCAG contrast ratio

Readability Previews

Black on #af8edc
Contrast 7.73:1 AAA
White on #af8edc
Contrast 2.72:1 Fail
#af8edc on Black
Contrast 7.73:1 AAA
#af8edc on White
Contrast 2.72:1 Fail

Tints & Shades

#bfa5e3
#cfbbea
#dfd2f1
#8c72b0
#695584
#463958

Complement & Analogous

#bcdc8e
#d68edc
#8e94dc

Triadic

#dcaf8e
#8edcaf

Monochrome

#463958 #695584 #af8edc #cfbbea #dfd2f1 #efe8f8

Analogous

#8e94dc #b0b4e7 #af8edc #dea5e3 #d68edc #ab72b0

Complementary Mix

#695584 #af8edc #cfbbea #bcdc8e #d3e8b6 #7a8f5c

Nearby Colors

#af8edb
#af8edd
#af8ecc
#af8eec

Embed #AF8EDC swatch

Embed this swatch

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

Open image

About #AF8EDC

#AF8EDC converts to RGB(175, 142, 220) and HSL(265, 53%, 71%). 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).

#AF8EDC FAQs

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