#A87BAF

Color Details

HEX
#A87BAF
RGB
rgb(168, 123, 175)
HSL
hsl(292, 25%, 58%)
CMYK
cmyk(4%, 30%, 0%, 31%)
Best text on this color #000000 (CR 6.12:1) Determined by WCAG contrast ratio

Readability Previews

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

Tints & Shades

#b995bf
#cbb0cf
#dccadf
#86628c
#654a69
#433146

Complement & Analogous

#80af79
#af799b
#8d79af

Triadic

#afa879
#79afa8

Monochrome

#433146 #654a69 #a87baf #cbb0cf #dccadf #eee5ef

Analogous

#8d79af #afa1c7 #a87baf #bf94af #af799b #8c617c

Complementary Mix

#654a69 #a87baf #cbb0cf #80af79 #accba8 #53724f

Nearby Colors

#a87bae
#a87bb0
#a87b9f
#a87bbf

Embed #A87BAF swatch

Embed this swatch

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

Open image

About #A87BAF

#A87BAF converts to RGB(168, 123, 175) and HSL(292, 25%, 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).

#A87BAF FAQs

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