#BC3D3C

Color Details

HEX
#BC3D3C
RGB
rgb(188, 61, 60)
HSL
hsl(0, 52%, 49%)
CMYK
cmyk(0%, 68%, 68%, 26%)
Best text on this color #FFFFFF (CR 5.42:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bc3d3c
Contrast 3.87:1 Fail
White on #bc3d3c
Contrast 5.42:1 AA
#bc3d3c on Black
Contrast 3.87:1 Fail
#bc3d3c on White
Contrast 5.42:1 AA

Tints & Shades

#c96463
#d78b8a
#e4b1b1
#963130
#712524
#4b1818

Complement & Analogous

#3cbebe
#be7d3c
#be3c7d

Triadic

#3cbe3c
#3c3cbe

Monochrome

#4b1818 #712524 #bc3d3c #d78b8a #e4b1b1 #f2d8d8

Analogous

#be3c7d #d277a4 #bc3d3c #cb9763 #be7d3c #986430

Complementary Mix

#712524 #bc3d3c #d78b8a #3cbebe #80d5d5 #277c7c

Nearby Colors

#bc3d3b
#bc3d3d
#bc3d2c
#bc3d4c

Embed #BC3D3C swatch

Embed this swatch

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

Open image

About #BC3D3C

#BC3D3C converts to RGB(188, 61, 60) and HSL(0, 52%, 49%). 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).

#BC3D3C FAQs

What is the RGB value of #BC3D3C?
RGB: 188, 61, 60. Copy as CSS: rgb(188, 61, 60)
Is #BC3D3C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BC3D3C?
Complement: #3cbebe.
Does #BC3D3C have good contrast on white or black?
On white: 5.42:1 (AA (normal text)). On black: 3.87:1 (AA (large text)).