#AE201E Color

#AE201E is rgb(174, 32, 30) in RGB and hsl(1, 71%, 40%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#AE201E

HEX#AE201E

RGBrgb(174, 32, 30)

HSLhsl(1, 71%, 40%)

HSVhsv(1, 83%, 68%)

OKLCHoklch(48.7% 0.178 27.5)

CMYKcmyk(0%, 82%, 83%, 32%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AE201E Complementary#1EACAE Analogous#AE1E64 Analogous#AE681E Triadic#1EAE20 Triadic#201EAE

Tints & Shades

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

Tints

#D12623 #DF4643 #E56866 #EB8B89 #F1ADAC #F8D4D3

Shades

#991C1A #831816 #6D1412 #530F0E #3D0B0A #270707

Use #AE201E in Our Tools

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