#BC3D24 Color

#BC3D24 is rgb(188, 61, 36) in RGB and hsl(10, 68%, 44%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#BC3D24

HEX#BC3D24

RGBrgb(188, 61, 36)

HSLhsl(10, 68%, 44%)

HSVhsv(10, 81%, 74%)

OKLCHoklch(54% 0.168 33.1)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BC3D24 Complementary#24A3BC Analogous#BC2457 Analogous#BC8A24 Triadic#24BC3D Triadic#3D24BC

Tints & Shades

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

Tints

#D84D31 #DE674F #E48572 #EBA294 #F1C0B6 #F7DAD4

Shades

#A3351F #8D2E1B #742616 #5A1D11 #40150C #2B0E08

Use #BC3D24 in Our Tools

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