#BC475C

Color Details

HEX
#BC475C
RGB
rgb(188, 71, 92)
HSL
hsl(349, 47%, 51%)
CMYK
cmyk(0%, 62%, 51%, 26%)
Best text on this color #FFFFFF (CR 5.01:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bc475c
Contrast 4.19:1 Fail
White on #bc475c
Contrast 5.01:1 AA
#bc475c on Black
Contrast 4.19:1 Fail
#bc475c on White
Contrast 5.01:1 AA

Tints & Shades

#c96c7d
#d7919d
#e4b5be
#96394a
#712b37
#4b1c25

Complement & Analogous

#47bda7
#bd6d47
#bd4798

Triadic

#5dbd47
#475dbd

Monochrome

#4b1c25 #712b37 #bc475c #d7919d #e4b5be #f2dade

Analogous

#bd4798 #d17eb7 #bc475c #ca8a6c #bd6d47 #975739

Complementary Mix

#712b37 #bc475c #d7919d #47bda7 #87d4c6 #2e7b6d

Nearby Colors

#bc475b
#bc475d
#bc474c
#bc476c

Embed #BC475C swatch

Embed this swatch

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

Open image

About #BC475C

#BC475C converts to RGB(188, 71, 92) and HSL(349, 47%, 51%). 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).

#BC475C FAQs

What is the RGB value of #BC475C?
RGB: 188, 71, 92. Copy as CSS: rgb(188, 71, 92)
Is #BC475C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BC475C?
Complement: #47bda7.
Does #BC475C have good contrast on white or black?
On white: 5.01:1 (AA (normal text)). On black: 4.19:1 (AA (large text)).