#B5122A Color

#B5122A is rgb(181, 18, 42) in RGB and hsl(351, 82%, 39%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B5122A

HEX#B5122A

RGBrgb(181, 18, 42)

HSLhsl(351, 82%, 39%)

HSVhsv(351, 90%, 71%)

OKLCHoklch(49.4% 0.191 22.3)

CMYKcmyk(0%, 90%, 77%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B5122A Complementary#12B59D Analogous#B5127C Analogous#B54B12 Triadic#2AB512 Triadic#122AB5

Tints & Shades

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

Tints

#DA1633 #EB334E #EE586F #F38293 #F6A7B3 #FAD1D7

Shades

#9E1025 #870D20 #6F0B1A #580915 #41060F #2A040A

Use #B5122A in Our Tools

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