#B71018 Color

#B71018 is rgb(183, 16, 24) in RGB and hsl(357, 84%, 39%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B71018

HEX#B71018

RGBrgb(183, 16, 24)

HSLhsl(357, 84%, 39%)

HSVhsv(357, 91%, 72%)

OKLCHoklch(49.5% 0.195 27)

CMYKcmyk(0%, 91%, 87%, 28%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B71018 Complementary#10B7AF Analogous#B7106C Analogous#B75B10 Triadic#18B710 Triadic#1018B7

Tints & Shades

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

Tints

#DD131D #ED313A #F0565E #F48086 #F7A6AA #FBD0D2

Shades

#A00E15 #880C12 #710A0F #59080C #420609 #2A0406

Use #B71018 in Our Tools

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