#A5AFE5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a5afe5 is a cool, ashy indigo with a distinctively dusty, unsaturated finish. It works well as a UI background, though it can appear washed out if placed directly next to stark white. Combine this shade with deep charcoals to create visual weight. Because black text offers high contrast, the hex code #a5afe5 remains legible and functional for small, detailed type or long-form copy.
Questions about #a5afe5
What is #a5afe5 in RGB, HSL and CMYK?
In RGB, #a5afe5 is rgb(165, 175, 229), in HSL hsl(231, 55%, 77%) and in CMYK 28%, 24%, 0%, 10%.
Does #a5afe5 work well as a background for text?
Yes, #a5afe5 provides excellent contrast with black or near-black text, making it a functional choice for long-form reading environments. While it pairs well with most dark grays, avoid placing it directly next to stark white to prevent the color from appearing washed out.
What colors pair well with the ashy indigo #a5afe5?
This color thrives when balanced by deep, neutral tones like charcoal or dark slate, which provide the visual weight necessary to anchor its dusty, unsaturated quality. For a more vibrant contrast, soft warm neutrals can help lift the cool, ashy nature of the indigo.
Is #a5afe5 readable on white or black?
#a5afe5 has a 2.12:1 contrast ratio on white and 9.86: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.