#BC0B23 Color

#BC0B23 is rgb(188, 11, 35) in RGB and hsl(352, 89%, 39%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#BC0B23

HEX#BC0B23

RGBrgb(188, 11, 35)

HSLhsl(352, 89%, 39%)

HSVhsv(352, 94%, 74%)

OKLCHoklch(50.5% 0.2 24.2)

CMYKcmyk(0%, 94%, 81%, 26%)

Text Contrast & Accessibility

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

TextWhite text6.54:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#BC0B23 Complementary#0BBCA4 Analogous#BC0B7B Analogous#BC4C0B Triadic#23BC0B Triadic#0B23BC

Tints & Shades

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

Tints

#E30D2A #F32B46 #F55167 #F77D8D #FAA3AF #FCCFD5

Shades

#A40A1E #8C081A #740715 #5C0511 #43040C #2B0308

Use #BC0B23 in Our Tools

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