#A3B1C6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a3b1c6 is an ashy, muted blue that leans heavily into gray. Because of its desaturated quality, it functions best as a supporting tone in UI design rather than a dominant background. Pair it with charcoal or deep navy for a professional, secure aesthetic. If you are curious about mixing gray, this dusty shade offers a perfect example of a cool-toned neutral that reads as clean and reliable.
Questions about #a3b1c6
What is #a3b1c6 in RGB, HSL and CMYK?
In RGB, #a3b1c6 is rgb(163, 177, 198), in HSL hsl(216, 23%, 71%) and in CMYK 18%, 11%, 0%, 22%.
What colors pair well with #a3b1c6 in a design system?
Does #a3b1c6 function better as a background or an accent?
Use #a3b1c6 as a supporting background or secondary interface element rather than a dominant color. Its muted nature keeps UI layouts clean and readable without overwhelming the user or competing with primary interactive components like buttons or headers.
Is #a3b1c6 readable on white or black?
#a3b1c6 has a 2.17:1 contrast ratio on white and 9.66: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.