#A32014 Color

#A32014 is rgb(163, 32, 20) in RGB and hsl(5, 78%, 36%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#A32014

HEX#A32014

RGBrgb(163, 32, 20)

HSLhsl(5, 78%, 36%)

HSVhsv(5, 88%, 64%)

OKLCHoklch(46.6% 0.168 29.9)

CMYKcmyk(0%, 80%, 88%, 36%)

Text Contrast & Accessibility

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

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

TextBlack text2.77:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#A32014 Complementary#1497A3 Analogous#A31450 Analogous#A36814 Triadic#14A320 Triadic#2014A3

Tints & Shades

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

Tints

#CC2819 #E53D2E #EA6357 #EF857B #F4ABA4 #F9D1CD

Shades

#8D1C11 #7B180F #64140C #52100A #3B0C07 #290805

Use #A32014 in Our Tools

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