#A3B9E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has a distinctively cool, ashy quality that keeps it from looking too bright. Because it provides excellent contrast against black text, #a3b9e0 functions well as a background for UI interfaces or clean branding. Pair it with warm charcoal or soft slate grays to ground the color, preventing it from appearing too washed out on white screens. The hex code for this shade is #a3b9e0.
Questions about #a3b9e0
What is #a3b9e0 in RGB, HSL and CMYK?
In RGB, #a3b9e0 is rgb(163, 185, 224), in HSL hsl(218, 50%, 76%) and in CMYK 27%, 17%, 0%, 12%.
What design elements pair well with #a3b9e0?
Pair #a3b9e0 with dark neutrals like charcoal or deep slate to anchor its ashy quality. Using these dark, warm tones prevents the blue from appearing too washed out when placed against standard white backgrounds in your digital layouts.
Is #a3b9e0 suitable for user interface backgrounds?
This color functions exceptionally well in UI design because it offers a soft, muted aesthetic without overwhelming the viewer. It provides enough contrast to remain legible with dark text while maintaining a calm, professional look for modern application interfaces.
Is #a3b9e0 readable on white or black?
#a3b9e0 has a 1.98:1 contrast ratio on white and 10.57: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.