#A40AEB Color

#A40AEB is rgb(164, 10, 235) in RGB and hsl(281, 92%, 48%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#A40AEB

HEX#A40AEB

RGBrgb(164, 10, 235)

HSLhsl(281, 92%, 48%)

HSVhsv(281, 96%, 92%)

OKLCHoklch(55.9% 0.28 309.3)

CMYKcmyk(30%, 96%, 0%, 8%)

Text Contrast & Accessibility

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

TextWhite text5.5:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#A40AEB Complementary#51EB0A Analogous#330AEB Analogous#EB0AC2 Triadic#EBA40A Triadic#0AEBA4

Tints & Shades

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

Tints

#B323F6 #BF45F7 #CB67F9 #D88EFA #E4B1FC #F0D3FD

Shades

#8F09CE #7707AB #63068E #4E0571 #3A0353 #220231

Use #A40AEB in Our Tools

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