#A3B6E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #a3b6e2 is a dusty, unsaturated blue with cool, ashy undertones. It functions effectively as a calm base for tech or healthcare interfaces where readability matters. Because this shade provides a 10.3:1 contrast ratio against black text, it is highly accessible for body copy. Pair it with dark charcoal to keep the palette grounded rather than washed out.
Questions about #a3b6e2
What is #a3b6e2 in RGB, HSL and CMYK?
In RGB, #a3b6e2 is rgb(163, 182, 226), in HSL hsl(222, 52%, 76%) and in CMYK 28%, 19%, 0%, 11%.
What colors pair well with #a3b6e2 for interface design?
Use deep charcoal or dark navy to ground #a3b6e2, ensuring text remains highly legible while maintaining a soft, professional appearance. Avoid pairing it with lighter pastels, which can make the overall design feel washed out and difficult to read.
Is #a3b6e2 readable on white or black?
#a3b6e2 has a 2.02:1 contrast ratio on white and 10.34: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.