#A6DAFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A light, unsaturated blue, #a6dafc feels airy and cool without being icy. Because it has strong readability against black text, it functions well as a background for clean UI designs. Pair it with soft grays or deeper navies to avoid a washed-out look. While learning what colors make white, designers often see this tint as a foundational neutral for modern, trustworthy branding.
Questions about #a6dafc
What is #a6dafc in RGB, HSL and CMYK?
In RGB, #a6dafc is rgb(166, 218, 252), in HSL hsl(204, 93%, 82%) and in CMYK 34%, 13%, 0%, 1%.
How does #a6dafc perform in web interface design?
#a6dafc offers excellent readability when paired with dark text, making it a reliable choice for UI backgrounds. Because of its light saturation, it provides a subtle visual hierarchy without overwhelming the content it supports on the screen.
Which colors pair best with #a6dafc?
This blue pairs beautifully with charcoal or deep navy tones to create a balanced, modern look. Avoid using pure white on top of #a6dafc, as the lack of contrast will likely cause eye strain and poor accessibility for your users.
Is #a6dafc readable on white or black?
#a6dafc has a 1.49:1 contrast ratio on white and 14.05: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.