#AB2521 Color

#AB2521 is rgb(171, 37, 33) in RGB and hsl(2, 68%, 40%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#AB2521

HEX#AB2521

RGBrgb(171, 37, 33)

HSLhsl(2, 68%, 40%)

HSVhsv(2, 81%, 67%)

OKLCHoklch(48.6% 0.171 27.6)

CMYKcmyk(0%, 78%, 81%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AB2521 Complementary#21A7AB Analogous#AB2161 Analogous#AB6B21 Triadic#21AB25 Triadic#2521AB

Tints & Shades

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

Tints

#CE2D27 #DC4C47 #E26D69 #E98E8B #EFB0AE #F7D5D4

Shades

#96211D #811C18 #6B1714 #511210 #3C0D0B #270807

Use #AB2521 in Our Tools

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