#AE2313 Color

#AE2313 is rgb(174, 35, 19) in RGB and hsl(6, 80%, 38%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#AE2313

HEX#AE2313

RGBrgb(174, 35, 19)

HSLhsl(6, 80%, 38%)

HSVhsv(6, 89%, 68%)

OKLCHoklch(48.9% 0.177 30.6)

CMYKcmyk(0%, 80%, 89%, 32%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AE2313 Complementary#139FAE Analogous#AE1351 Analogous#AE7013 Triadic#13AE23 Triadic#2313AE

Tints & Shades

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

Tints

#D82B18 #E84330 #ED685A #F18A7E #F5B0A8 #F9D1CD

Shades

#971E11 #811A0E #6A150C #57110A #400D07 #290805

Use #AE2313 in Our Tools

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