#B93422 Color

#B93422 is rgb(185, 52, 34) in RGB and hsl(7, 69%, 43%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B93422

HEX#B93422

RGBrgb(185, 52, 34)

HSLhsl(7, 69%, 43%)

HSVhsv(7, 82%, 73%)

OKLCHoklch(52.5% 0.173 31)

CMYKcmyk(0%, 72%, 82%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B93422 Complementary#22A8B9 Analogous#B9225C Analogous#B97F22 Triadic#22B934 Triadic#3422B9

Tints & Shades

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

Tints

#D8402C #DF5F4E #E57E71 #EA9A8F #F1B9B1 #F7D8D4

Shades

#9F2C1D #8A2619 #701F15 #5A1911 #41120C #2B0C08

Use #B93422 in Our Tools

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