#BA261C Color

#BA261C is rgb(186, 38, 28) in RGB and hsl(4, 74%, 42%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#BA261C

HEX#BA261C

RGBrgb(186, 38, 28)

HSLhsl(4, 74%, 42%)

HSVhsv(4, 85%, 73%)

OKLCHoklch(51.4% 0.185 29.2)

CMYKcmyk(0%, 80%, 85%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BA261C Complementary#1CB0BA Analogous#BA1C61 Analogous#BA761C Triadic#1CBA26 Triadic#261CBA

Tints & Shades

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

Tints

#DE2E21 #E34F45 #E87168 #EE928C #F3B4AF #F8D5D3

Shades

#A42219 #8A1C15 #731811 #59120D #430E0A #280806

Use #BA261C in Our Tools

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