#B31500 Color

#B31500 is rgb(179, 21, 0) in RGB and hsl(7, 100%, 35%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B31500

HEX#B31500

RGBrgb(179, 21, 0)

HSLhsl(7, 100%, 35%)

HSVhsv(7, 100%, 70%)

OKLCHoklch(48.9% 0.191 30.9)

CMYKcmyk(0%, 88%, 100%, 30%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B31500 Complementary#009EB3 Analogous#B30044 Analogous#B36E00 Triadic#00B315 Triadic#1500B3

Tints & Shades

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

Tints

#E01A00 #FF2B0F #FF543D #FF7C6B #FFA599 #FFCDC7

Shades

#9E1200 #850F00 #700D00 #570A00 #420800 #290500

Use #B31500 in Our Tools

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