#AC221B Color

#AC221B is rgb(172, 34, 27) in RGB and hsl(3, 73%, 39%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#AC221B

HEX#AC221B

RGBrgb(172, 34, 27)

HSLhsl(3, 73%, 39%)

HSVhsv(3, 84%, 67%)

OKLCHoklch(48.5% 0.175 28.6)

CMYKcmyk(0%, 80%, 84%, 33%)

Text Contrast & Accessibility

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

TextWhite text7:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text3:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#AC221B Complementary#1BA5AC Analogous#AC1B5C Analogous#AC6B1B Triadic#1BAC22 Triadic#221BAC

Tints & Shades

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

Tints

#CF2920 #E1453D #E66760 #EC8D88 #F2AFAB #F8D5D3

Shades

#961E17 #801914 #6A1511 #54110D #3E0C0A #280806

Use #AC221B in Our Tools

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