#BC6C8C

Color Details

HEX
#BC6C8C
RGB
rgb(188, 108, 140)
HSL
hsl(336, 37%, 58%)
CMYK
cmyk(0%, 43%, 26%, 26%)
Best text on this color #000000 (CR 5.66:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bc6c8c
Contrast 5.66:1 AA
White on #bc6c8c
Contrast 3.71:1 Fail
#bc6c8c on Black
Contrast 5.66:1 AA
#bc6c8c on White
Contrast 3.71:1 Fail

Tints & Shades

#c989a3
#d7a7ba
#e4c4d1
#965670
#714154
#4b2b38

Complement & Analogous

#6cbc9c
#bc746c
#bc6cb4

Triadic

#8cbc6c
#6c8cbc

Monochrome

#4b2b38 #714154 #bc6c8c #d7a7ba #e4c4d1 #f2e2e8

Analogous

#bc6cb4 #d098cb #bc6c8c #c99089 #bc746c #965d56

Complementary Mix

#714154 #bc6c8c #d7a7ba #6cbc9c #9fd3bf #467a65

Nearby Colors

#bc6c8b
#bc6c8d
#bc6c7c
#bc6c9c

Embed #BC6C8C swatch

Embed this swatch

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

Open image

About #BC6C8C

#BC6C8C converts to RGB(188, 108, 140) and HSL(336, 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).

#BC6C8C FAQs

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