#A5A4F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, airy indigo feels clean and youthful. Because it sits high in lightness, #a5a4f4 works well as a supportive background color rather than a heavy, saturated anchor. It offers excellent legibility for black text, making it a functional choice for UI design. Pair it with soft cream or deeper pink tones to ground the brightness, or use it sparingly to add a subtle pop of color.
Questions about #a5a4f4
What is #a5a4f4 in RGB, HSL and CMYK?
In RGB, #a5a4f4 is rgb(165, 164, 244), in HSL hsl(241, 78%, 80%) and in CMYK 32%, 33%, 0%, 4%.
How should I use #a5a4f4 in interface design?
#a5a4f4 works best as a supportive, high-lightness background color rather than a primary button. Because it maintains excellent legibility with dark text, it creates a clean, professional aesthetic for dashboards and web interfaces without overwhelming the viewer's eyes.
What colors pair well with #a5a4f4?
This light indigo pairs beautifully with cream or warm beige to ground its bright, cool temperature. If you need more contrast, try using deep charcoal for text or soft pink accents to highlight its playful, youthful side.
Is #a5a4f4 readable on white or black?
#a5a4f4 has a 2.27:1 contrast ratio on white and 9.21:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.