#AA6AF3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated violet commands attention with its intense energy and cool undertones. Because it is so vivid, #aa6af3 works best as an accent color to highlight UI elements rather than as a dominant background. It pairs effectively with deep charcoals or slate grays to balance its loudness. The hex code #aa6af3 maintains enough contrast for black text, offering high readability in button designs or call-to-action sections.
Questions about #aa6af3
What is #aa6af3 in RGB, HSL and CMYK?
In RGB, #aa6af3 is rgb(170, 106, 243), in HSL hsl(268, 85%, 68%) and in CMYK 30%, 56%, 0%, 5%.
How should I use #aa6af3 effectively in a UI layout?
#aa6af3 is a high-energy accent color best used for calls-to-action or interactive elements rather than as a primary background. Pair it with charcoal or dark grays to provide a grounding contrast that keeps the interface professional and readable.
Does #aa6af3 have a warm or cool appearance?
This violet maintains a distinctly cool undertone, giving it an electric and sharp presence compared to warmer, red-leaning purples. Its intensity makes it perfect for digital interfaces where you want to signal modernity or high engagement without appearing muddy.
Is #aa6af3 readable on white or black?
#aa6af3 has a 3.46:1 contrast ratio on white and 6.06: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.