#A40FC2 Color

#A40FC2 is rgb(164, 15, 194) in RGB and hsl(290, 86%, 41%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#A40FC2

HEX#A40FC2

RGBrgb(164, 15, 194)

HSLhsl(290, 86%, 41%)

HSVhsv(290, 92%, 76%)

OKLCHoklch(52.9% 0.248 319.3)

CMYKcmyk(15%, 92%, 0%, 24%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A40FC2 Complementary#2DC20F Analogous#4B0FC2 Analogous#C20F87 Triadic#C2A40F Triadic#0FC2A4

Tints & Shades

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

Tints

#C511E8 #D033F0 #D959F3 #E384F6 #EBAAF9 #F4D0FB

Shades

#900DAB #780B8E #640977 #50075F #3C0547 #24032B

Use #A40FC2 in Our Tools

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