#B81425 Color

#B81425 is rgb(184, 20, 37) in RGB and hsl(354, 80%, 40%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B81425

HEX#B81425

RGBrgb(184, 20, 37)

HSLhsl(354, 80%, 40%)

HSVhsv(354, 89%, 72%)

OKLCHoklch(50% 0.193 24.2)

CMYKcmyk(0%, 89%, 80%, 28%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B81425 Complementary#14B8A7 Analogous#B81476 Analogous#B85614 Triadic#25B814 Triadic#1425B8

Tints & Shades

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

Tints

#DC182C #E93A4B #ED5E6D #F1838E #F5A8B0 #FAD1D5

Shades

#A11220 #8A0F1C #730D17 #570A11 #40070D #290508

Use #B81425 in Our Tools

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