#A6C4F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel blue is muted, dusty, and leans cool. With its low saturation, the hex code #a6c4f0 serves as an excellent, non-distracting background for UI design. It pairs well with charcoal greys or even similar pink shades for a soft, balanced palette. Because it maintains high contrast against black text, it is a practical choice for readable interface elements.
Questions about #a6c4f0
What is #a6c4f0 in RGB, HSL and CMYK?
In RGB, #a6c4f0 is rgb(166, 196, 240), in HSL hsl(216, 71%, 80%) and in CMYK 31%, 18%, 0%, 6%.
Why is #a6c4f0 effective for user interface design?
The low saturation of #a6c4f0 makes it an ideal background color because it reduces visual strain while maintaining high contrast against standard black or dark gray typography. Its dusty undertone feels less jarring than pure primary blue, creating a cleaner, more approachable digital environment.
What colors pair well with #a6c4f0 in a design palette?
This shade works beautifully with charcoal for a sophisticated, high-contrast look, or with soft blush pink to achieve a balanced, modern pastel palette. Avoid pairing it with high-intensity neon colors, as they will quickly overpower its calm, muted character.
Is #a6c4f0 readable on white or black?
#a6c4f0 has a 1.78:1 contrast ratio on white and 11.77: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.