#A2D9FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a2d9ff is a high-key, pastel blue with significant lightness that keeps it feeling airy and open. Because it sits at the cooler end of the spectrum, it works well as a grounding UI background that remains legible with black text. Pair this hex code with slate grays or muted corals to avoid a juvenile look. It is ideal for healthcare or financial interfaces that need a clean, professional aesthetic.
Questions about #a2d9ff
What is #a2d9ff in RGB, HSL and CMYK?
In RGB, #a2d9ff is rgb(162, 217, 255), in HSL hsl(205, 100%, 82%) and in CMYK 36%, 15%, 0%, 0%. Browse more shades of blue with names and hex codes.
What colors pair well with #a2d9ff to avoid a juvenile look?
Pair #a2d9ff with deep slate grays or muted, earthy corals to add sophistication and depth. These grounded, darker neutrals balance the high lightness of the blue, ensuring the final design feels professional and suitable for corporate or healthcare interfaces rather than playful or childish.
Why is #a2d9ff effective for UI background design?
#a2d9ff provides a high-key, airy base that keeps digital interfaces feeling open and uncluttered. Because it sits at the cooler end of the spectrum, it maintains excellent readability with high-contrast text like charcoal or dark navy, making it a reliable choice for clean, functional web layouts.
Is #a2d9ff readable on white or black?
#a2d9ff has a 1.51:1 contrast ratio on white and 13.90: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.