#BC6CB0

Color Details

HEX
#BC6CB0
RGB
rgb(188, 108, 176)
HSL
hsl(309, 37%, 58%)
CMYK
cmyk(0%, 43%, 6%, 26%)
Best text on this color #000000 (CR 5.91:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bc6cb0
Contrast 5.91:1 AA
White on #bc6cb0
Contrast 3.55:1 Fail
#bc6cb0 on Black
Contrast 5.91:1 AA
#bc6cb0 on White
Contrast 3.55:1 Fail

Tints & Shades

#c989c0
#d7a7d0
#e4c4df
#96568d
#71416a
#4b2b46

Complement & Analogous

#6cbc78
#bc6c88
#a06cbc

Triadic

#b0bc6c
#6cb0bc

Monochrome

#4b2b46 #71416a #bc6cb0 #d7a7d0 #e4c4df #f2e2ef

Analogous

#a06cbc #bd98d0 #bc6cb0 #c989a0 #bc6c88 #96566d

Complementary Mix

#71416a #bc6cb0 #d7a7d0 #6cbc78 #9fd3a7 #467a4e

Nearby Colors

#bc6caf
#bc6cb1
#bc6ca0
#bc6cc0

Embed #BC6CB0 swatch

Embed this swatch

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

Open image

About #BC6CB0

#BC6CB0 converts to RGB(188, 108, 176) and HSL(309, 37%, 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).

#BC6CB0 FAQs

What is the RGB value of #BC6CB0?
RGB: 188, 108, 176. Copy as CSS: rgb(188, 108, 176)
Is #BC6CB0 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BC6CB0?
Complement: #6cbc78.
Does #BC6CB0 have good contrast on white or black?
On white: 3.55:1 (AA (large text)). On black: 5.91:1 (AA (normal text)).