#AA60F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and intense, #aa60f4 is a vivid violet that demands attention. This shade is far too saturated for large backgrounds, so use it as a bold accent to create focal points or buttons. Pair it with dark grays or near-blacks for readability. If you struggle to balance this intensity, knowing what colors make gray can help you build a neutral foundation for this loud, brilliant hex code.
Questions about #aa60f4
What is #aa60f4 in RGB, HSL and CMYK?
In RGB, #aa60f4 is rgb(170, 96, 244), in HSL hsl(270, 87%, 67%) and in CMYK 30%, 61%, 0%, 4%.
What is the best way to use #aa60f4 in a design?
Use #aa60f4 sparingly as a vibrant accent color for call to action buttons or small graphic elements. Because of its extreme saturation, it tends to overwhelm large backgrounds, so anchor it against charcoal or deep black neutrals to maintain text readability.
Does #aa60f4 clash with common neutral colors?
This hue pairs effectively with most cool-toned neutrals and off-whites, but it can look jarring against warm, earthy tones. Stick to slate or other cool grays to keep the composition looking sharp and modern rather than muddy or chaotic.
Is #aa60f4 readable on white or black?
#aa60f4 has a 3.69:1 contrast ratio on white and 5.68: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.