#AD142E Color

#AD142E is rgb(173, 20, 46) in RGB and hsl(350, 79%, 38%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#AD142E

HEX#AD142E

RGBrgb(173, 20, 46)

HSLhsl(350, 79%, 38%)

HSVhsv(350, 88%, 68%)

OKLCHoklch(48% 0.182 20.4)

CMYKcmyk(0%, 88%, 73%, 32%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AD142E Complementary#14AD94 Analogous#AD147A Analogous#AD4714 Triadic#2EAD14 Triadic#142EAD

Tints & Shades

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

Tints

#D71939 #E73250 #EC5B73 #F07F92 #F5A8B5 #F9CDD4

Shades

#971228 #800F22 #690C1C #570A17 #400711 #29050B

Use #AD142E in Our Tools

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