#A2BFF0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, ashy blue offers a cool and stable foundation for UI backgrounds. Because the hex code #a2bff0 is so light and airy, black text remains highly readable over it. It pairs unexpectedly well with deep charcoal or muted berry tones if you find yourself wondering how to make pink work in a palette. Avoid using it for small, critical UI elements, as it lacks the necessary saturation.
Questions about #a2bff0
What is #a2bff0 in RGB, HSL and CMYK?
In RGB, #a2bff0 is rgb(162, 191, 240), in HSL hsl(218, 72%, 79%) and in CMYK 33%, 20%, 0%, 6%.
How should I use #a2bff0 in interface design?
#a2bff0 works best as a large-scale background color where you need a cool, calm atmosphere without high intensity. Because it is quite light, always pair it with deep, dark text like charcoal or navy to maintain strong readability.
What colors pair well with #a2bff0?
This ashy blue harmonizes with muted earthy tones and deep neutrals, creating a balanced, professional palette. Try combining it with charcoal for contrast or soft, muted berry tones if you need to introduce warmth without overwhelming the cool base.
Is #a2bff0 readable on white or black?
#a2bff0 has a 1.86:1 contrast ratio on white and 11.24: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.