#BA270D Color

#BA270D is rgb(186, 39, 13) in RGB and hsl(9, 87%, 39%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#BA270D

HEX#BA270D

RGBrgb(186, 39, 13)

HSLhsl(9, 87%, 39%)

HSVhsv(9, 93%, 73%)

OKLCHoklch(51.4% 0.186 32)

CMYKcmyk(0%, 79%, 93%, 27%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #BA270D 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 #BA270D based on color wheel relationships. Click any swatch for its full breakdown.

Base#BA270D Complementary#0DA0BA Analogous#BA0D49 Analogous#BA7D0D Triadic#0DBA27 Triadic#270DBA

Tints & Shades

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

Tints

#E02F10 #F04A2D #F36B53 #F6907E #F9B1A4 #FCD6CF

Shades

#A2220B #8A1D0A #721808 #5B1306 #430E05 #2B0903

Use #BA270D in Our Tools

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