#BC3A1A Color

#BC3A1A is rgb(188, 58, 26) in RGB and hsl(12, 76%, 42%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#BC3A1A

HEX#BC3A1A

RGBrgb(188, 58, 26)

HSLhsl(12, 76%, 42%)

HSVhsv(12, 86%, 74%)

OKLCHoklch(53.6% 0.172 34.5)

CMYKcmyk(0%, 69%, 86%, 26%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #BC3A1A background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text5.59:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.76:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #BC3A1A based on color wheel relationships. Click any swatch for its full breakdown.

Base#BC3A1A Complementary#1A9CBC Analogous#BC1A4B Analogous#BC8C1A Triadic#1ABC3A Triadic#3A1ABC

Tints & Shades

Lighter tints and darker shades of #BC3A1A, useful for hover states, backgrounds, and text variants.

Tints

#E0451F #E56343 #EA8166 #EF9E8A #F4BCAE #F9DAD2

Shades

#A63317 #8B2B13 #752410 #5A1C0C #431509 #280C06

Use #BC3A1A in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex