#B80A2A Color

#B80A2A is rgb(184, 10, 42) in RGB and hsl(349, 90%, 38%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B80A2A

HEX#B80A2A

RGBrgb(184, 10, 42)

HSLhsl(349, 90%, 38%)

HSVhsv(349, 95%, 72%)

OKLCHoklch(49.7% 0.196 21.9)

CMYKcmyk(0%, 95%, 77%, 28%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B80A2A Complementary#0AB898 Analogous#B80A81 Analogous#B8410A Triadic#2AB80A Triadic#0A2AB8

Tints & Shades

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

Tints

#E40C34 #F4254B #F6516F #F8778F #FAA3B3 #FCCAD3

Shades

#A00824 #88071F #6F0619 #5C0515 #44040F #2C020A

Use #B80A2A in Our Tools

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