#A40EAF Color

#A40EAF is rgb(164, 14, 175) in RGB and hsl(296, 85%, 37%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#A40EAF

HEX#A40EAF

RGBrgb(164, 14, 175)

HSLhsl(296, 85%, 37%)

HSVhsv(296, 92%, 69%)

OKLCHoklch(51.5% 0.234 324.8)

CMYKcmyk(6%, 92%, 0%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A40EAF Complementary#19AF0E Analogous#540EAF Analogous#AF0E69 Triadic#AFA40E Triadic#0EAFA4

Tints & Shades

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

Tints

#CC12D9 #E026ED #E650F1 #EC7BF4 #F2A5F8 #F8CBFB

Shades

#8E0C97 #7C0B84 #66096D #500755 #3A053D #28032A

Use #A40EAF in Our Tools

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