#B23024 Color

#B23024 is rgb(178, 48, 36) in RGB and hsl(5, 66%, 42%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B23024

HEX#B23024

RGBrgb(178, 48, 36)

HSLhsl(5, 66%, 42%)

HSVhsv(5, 80%, 70%)

OKLCHoklch(50.9% 0.169 29.5)

CMYKcmyk(0%, 73%, 80%, 30%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B23024 Complementary#24A6B2 Analogous#B2245F Analogous#B27724 Triadic#24B230 Triadic#3024B2

Tints & Shades

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

Tints

#D4392B #DB594D #E2796F #E89891 #EFB8B3 #F6D7D5

Shades

#9D2A20 #83241B #6E1E17 #551711 #3F110D #260A08

Use #B23024 in Our Tools

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