#A3B8D1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has a distinct ashy quality that makes it feel mature rather than playful. As a background color, #a3b8d1 provides a stable, unobtrusive base for UI designs in finance or healthcare. It pairs well with crisp charcoal grays, though it can appear washed out if used near pure white. Because of its high contrast, it works well with black text.
Questions about #a3b8d1
What is #a3b8d1 in RGB, HSL and CMYK?
In RGB, #a3b8d1 is rgb(163, 184, 209), in HSL hsl(213, 33%, 73%) and in CMYK 22%, 12%, 0%, 18%. Browse more shades of blue with names and hex codes.
How should I use #a3b8d1 in professional web design?
#a3b8d1 serves as a reliable background color for sectors like finance or healthcare that require a sense of calm stability. Because it is highly desaturated, pair it with charcoal or dark text to ensure readability and professional contrast.
What design challenges does #a3b8d1 present?
The primary challenge with #a3b8d1 is that it can appear washed out if placed directly against pure white. To maintain its ashy, mature character, offset it with deeper neutral tones rather than bright or stark whites.
Is #a3b8d1 readable on white or black?
#a3b8d1 has a 2.03:1 contrast ratio on white and 10.33: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.