#B87BC3

Color Details

HEX
#B87BC3
RGB
rgb(184, 123, 195)
HSL
hsl(291, 38%, 62%)
CMYK
cmyk(6%, 37%, 0%, 24%)
Best text on this color #000000 (CR 6.66:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b87bc3
Contrast 6.66:1 AA
White on #b87bc3
Contrast 3.15:1 Fail
#b87bc3 on Black
Contrast 6.66:1 AA
#b87bc3 on White
Contrast 3.15:1 Fail

Tints & Shades

#c695cf
#d4b0db
#e3cae7
#93629c
#6e4a75
#4a314e

Complement & Analogous

#84c379
#c379a9
#9379c3

Triadic

#c3b879
#79c3b8

Monochrome

#4a314e #6e4a75 #b87bc3 #d4b0db #e3cae7 #f1e5f3

Analogous

#9379c3 #b3a1d5 #b87bc3 #cf94ba #c379a9 #9c6187

Complementary Mix

#6e4a75 #b87bc3 #d4b0db #84c379 #afd8a8 #567f4f

Nearby Colors

#b87bc2
#b87bc4
#b87bb3
#b87bd3

Embed #B87BC3 swatch

Embed this swatch

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

Open image

About #B87BC3

#B87BC3 converts to RGB(184, 123, 195) and HSL(291, 38%, 62%). 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).

#B87BC3 FAQs

What is the RGB value of #B87BC3?
RGB: 184, 123, 195. Copy as CSS: rgb(184, 123, 195)
Is #B87BC3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B87BC3?
Complement: #84c379.
Does #B87BC3 have good contrast on white or black?
On white: 3.15:1 (AA (large text)). On black: 6.66:1 (AA (normal text)).