#A4042C Color

#A4042C is rgb(164, 4, 44) in RGB and hsl(345, 95%, 33%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#A4042C

HEX#A4042C

RGBrgb(164, 4, 44)

HSLhsl(345, 95%, 33%)

HSVhsv(345, 98%, 64%)

OKLCHoklch(45.7% 0.181 18.8)

CMYKcmyk(0%, 98%, 73%, 36%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A4042C Complementary#04A47C Analogous#A4047C Analogous#A42C04 Triadic#2CA404 Triadic#042CA4

Tints & Shades

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

Tints

#D10538 #F9104A #FA3D6C #FB6A8E #FC97B0 #FEC8D6

Shades

#900427 #7C0321 #68031C #500215 #3C0210 #28010B

Use #A4042C in Our Tools

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