#A2DAFF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #a2daff graphic
This airy, unsaturated pastel blue is highly legible with black text, making it a functional choice for UI headers or soft backgrounds. Because it sits high in lightness, it risks looking washed out against pure white, so pair it with a deeper navy or charcoal to ground the palette. The hex code for this cool, reliable tone is #a2daff. Designers often consider mixing white to achieve these pale, approachable results.

Questions about #a2daff

What is #a2daff in RGB, HSL and CMYK?
In RGB, #a2daff is rgb(162, 218, 255), in HSL hsl(204, 100%, 82%) and in CMYK 36%, 15%, 0%, 0%.
What colors pair well with #a2daff for UI design?
This light blue works best when grounded by darker, high-contrast colors like navy or charcoal to prevent it from fading into a white background. These deeper tones provide the necessary visual anchor for text and essential interface elements.
Is #a2daff readable on white or black?
#a2daff has a 1.49:1 contrast ratio on white and 14.00: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.