#B2240A Color

#B2240A is rgb(178, 36, 10) in RGB and hsl(9, 89%, 37%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B2240A

HEX#B2240A

RGBrgb(178, 36, 10)

HSLhsl(9, 89%, 37%)

HSVhsv(9, 94%, 70%)

OKLCHoklch(49.7% 0.181 32.1)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B2240A Complementary#0A99B2 Analogous#B20A45 Analogous#B2780A Triadic#0AB224 Triadic#240AB2

Tints & Shades

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

Tints

#DE2C0D #F24121 #F5664D #F78B78 #FAB0A3 #FCD1CA

Shades

#9A1F09 #871B08 #6F1606 #571105 #3F0C04 #2B0903

Use #B2240A in Our Tools

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