#B11816 Color

#B11816 is rgb(177, 24, 22) in RGB and hsl(1, 78%, 39%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B11816

HEX#B11816

RGBrgb(177, 24, 22)

HSLhsl(1, 78%, 39%)

HSVhsv(1, 88%, 69%)

OKLCHoklch(48.7% 0.186 28.1)

CMYKcmyk(0%, 86%, 88%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B11816 Complementary#16AEB1 Analogous#B11661 Analogous#B16616 Triadic#16B118 Triadic#1816B1

Tints & Shades

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

Tints

#D51D1A #E63A37 #EB5E5C #F08684 #F4AAA9 #F9D2D2

Shades

#9A1513 #841210 #6D0F0D #560C0B #400908 #290605

Use #B11816 in Our Tools

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