#A5A5F7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A cool, pastel periwinkle, #a5a5f7 brings a clean and airy quality to digital designs. Its high lightness keeps it legible for body text, though it works best as a primary interface background or a subtle accent. Pair this hex code with dark charcoal or deep plum to balance its inherent softness, avoiding lighter grays that can make it look washed out and muddy.
Questions about #a5a5f7
What is #a5a5f7 in RGB, HSL and CMYK?
In RGB, #a5a5f7 is rgb(165, 165, 247), in HSL hsl(240, 84%, 81%) and in CMYK 33%, 33%, 0%, 3%.
How can I effectively pair #a5a5f7 in a website layout?
Use #a5a5f7 as a primary background or UI accent color, balancing it with charcoal or deep plum for necessary contrast. Avoid light gray backgrounds, as they tend to make this delicate periwinkle appear muddy or washed out.
Does #a5a5f7 lean warm or cool?
#a5a5f7 is a distinctly cool color, carrying strong blue-violet undertones that provide a crisp, airy aesthetic. Because of its high lightness, it feels clean and professional, making it an excellent choice for wellness or tech-focused branding.
Is #a5a5f7 readable on white or black?
#a5a5f7 has a 2.25:1 contrast ratio on white and 9.32: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.