#A240FF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #a240ff graphic
This saturated violet commands attention with its intense, electric personality. Because #a240ff is so vivid, it works best as a sharp accent rather than a full page background. It pairs exceptionally well with dark neutrals to create high-contrast UI elements. Black text remains legible against this shade, making it a functional choice for bold highlights. If you want a more grounded look, learn what colors make gray for balance.

Questions about #a240ff

What is #a240ff in RGB, HSL and CMYK?
In RGB, #a240ff is rgb(162, 64, 255), in HSL hsl(271, 100%, 63%) and in CMYK 36%, 75%, 0%, 0%.
How should #a240ff be used in UI design?
Use #a240ff sparingly as a high-impact accent color rather than a primary background to avoid visual fatigue. It creates excellent contrast when paired with deep charcoal or near-black tones for buttons, call-to-action elements, or active link states.
Does #a240ff work well with neutral colors?
This electric violet performs best when grounded by dark, neutral colors that anchor its intensity. Pairing #a240ff with a deep slate or solid black prevents the color from feeling overwhelming while maintaining its bold, modern visual identity.
Is #a240ff readable on white or black?
#a240ff has a 4.45:1 contrast ratio on white and 4.71:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.