#A3B6CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a3b6cc is a dusty, desaturated blue with heavy grey undertones. Because it is light and muted, it functions well as a professional background for UI elements in finance or tech branding. Pair it with dark charcoal for a sophisticated look, as black text reads clearly against this shade. The hex code for this muted blue is #a3b6cc.
Questions about #a3b6cc
What is #a3b6cc in RGB, HSL and CMYK?
In RGB, #a3b6cc is rgb(163, 182, 204), in HSL hsl(212, 29%, 72%) and in CMYK 20%, 11%, 0%, 20%.
What colors pair best with #a3b6cc in a design layout?
#a3b6cc works exceptionally well with dark charcoal or deep navy tones to create a high-contrast, professional interface. For a softer, monochromatic palette, try layering this dusty blue alongside lighter, cloud-like greys to maintain a clean and airy aesthetic.
Is #a3b6cc suitable for text on a white background?
Using #a3b6cc as a primary text color against a pure white background typically fails standard web accessibility guidelines due to insufficient contrast. It is best used as a soft accent color, a background shade, or for larger UI elements instead of body text.
Is #a3b6cc readable on white or black?
#a3b6cc has a 2.07:1 contrast ratio on white and 10.12: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.