#AA6FED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold violet brings high-energy intensity to any digital canvas. Because it is so saturated, #aa6fed works best as a punchy 10% accent rather than a background. Use it to draw eyes toward calls to action or UI highlights where you need immediate attention. It pairs unexpectedly well with deep charcoal grays for a modern, tech-focused look that maintains readability.
Questions about #aa6fed
What is #aa6fed in RGB, HSL and CMYK?
In RGB, #aa6fed is rgb(170, 111, 237), in HSL hsl(268, 78%, 68%) and in CMYK 28%, 53%, 0%, 7%.
How should #aa6fed be used in UI design?
Use #aa6fed as a high-impact accent color rather than a primary background because its high saturation can quickly overwhelm the viewer. It creates effective visual hierarchy when limited to small interface elements like buttons, toggle switches, or important status icons.
Which colors pair well with #aa6fed?
This violet pairs exceptionally well with deep charcoal or slate grays because the neutral tones anchor the intensity of the purple. Using it alongside desaturated teals can also create a balanced, modern palette that feels tech-forward and clean.
Is #aa6fed readable on white or black?
#aa6fed has a 3.38:1 contrast ratio on white and 6.20: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.