#BC3624 Color

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

#BC3624

HEX#BC3624

RGBrgb(188, 54, 36)

HSLhsl(7, 68%, 44%)

HSVhsv(7, 81%, 74%)

OKLCHoklch(53.3% 0.174 30.9)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BC3624 Complementary#24ABBC Analogous#BC245E Analogous#BC8224 Triadic#24BC36 Triadic#3624BC

Tints & Shades

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

Tints

#D84531 #DE604F #E47F72 #EB9E94 #F1BDB6 #F7D8D4

Shades

#A32E1F #8D281B #742116 #5A1A11 #40120C #2B0C08

Use #BC3624 in Our Tools

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