#B40E1E Color

#B40E1E is rgb(180, 14, 30) in RGB and hsl(354, 86%, 38%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B40E1E

HEX#B40E1E

RGBrgb(180, 14, 30)

HSLhsl(354, 86%, 38%)

HSVhsv(354, 92%, 71%)

OKLCHoklch(48.9% 0.192 25.3)

CMYKcmyk(0%, 92%, 83%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B40E1E Complementary#0EB4A4 Analogous#B40E72 Analogous#B4500E Triadic#1EB40E Triadic#0E1EB4

Tints & Shades

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

Tints

#DF1125 #EF2A3D #F25464 #F57A86 #F8A5AD #FBCBD0

Shades

#9D0C1A #850A16 #6D0812 #5A070F #42050B #2B0307

Use #B40E1E in Our Tools

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