#BC3D3D

Color Details

HEX
#BC3D3D
RGB
rgb(188, 61, 61)
HSL
hsl(0, 51%, 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 #bc3d3d
Contrast 3.87:1 Fail
White on #bc3d3d
Contrast 5.42:1 AA
#bc3d3d on Black
Contrast 3.87:1 Fail
#bc3d3d on White
Contrast 5.42:1 AA

Tints & Shades

#c96464
#d78b8b
#e4b1b1
#963131
#712525
#4b1818

Complement & Analogous

#3dbdbd
#bd7d3d
#bd3d7d

Triadic

#3dbd3d
#3d3dbd

Monochrome

#4b1818 #712525 #bc3d3d #d78b8b #e4b1b1 #f2d8d8

Analogous

#bd3d7d #d177a4 #bc3d3d #ca9764 #bd7d3d #976431

Complementary Mix

#712525 #bc3d3d #d78b8b #3dbdbd #81d4d4 #287b7b

Nearby Colors

#bc3d3c
#bc3d3e
#bc3d2d
#bc3d4d

Embed #BC3D3D swatch

Embed this swatch

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

Open image

About #BC3D3D

#BC3D3D converts to RGB(188, 61, 61) and HSL(0, 51%, 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).

#BC3D3D FAQs

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