#A40E8E Color

#A40E8E is rgb(164, 14, 142) in RGB and hsl(309, 84%, 35%) in HSL. The closest CSS named color is DarkMagenta. White text is most readable on this background.

#A40E8E

HEX#A40E8E

RGBrgb(164, 14, 142)

HSLhsl(309, 84%, 35%)

HSVhsv(309, 91%, 64%)

OKLCHoklch(49.5% 0.212 336)

CMYKcmyk(0%, 91%, 13%, 36%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A40E8E Complementary#0EA425 Analogous#700EA4 Analogous#A40E43 Triadic#8EA40E Triadic#0E8EA4

Tints & Shades

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

Tints

#CE12B2 #EC22CE #EF4DD7 #F377E1 #F7A1EA #FBCBF3

Shades

#910D7E #7A0B69 #670959 #500745 #3D0535 #260320

Use #A40E8E in Our Tools

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