#A3B7CA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, unsaturated blue carries a professional, muted tone. Because #a3b7ca lacks intense chroma, it avoids dominating a layout, making it an excellent base for fintech or government interfaces. It pairs effectively with crisp charcoal grays to create high-contrast, readable text. While it feels secure and grounded, be careful using it alone, as it can appear washed out against pure white backgrounds.
Questions about #a3b7ca
What is #a3b7ca in RGB, HSL and CMYK?
In RGB, #a3b7ca is rgb(163, 183, 202), in HSL hsl(209, 27%, 72%) and in CMYK 19%, 9%, 0%, 21%.
How can I use #a3b7ca effectively in UI design?
#a3b7ca works best as a background or structural element because its lack of intense chroma keeps interfaces feeling calm and professional. Avoid using it alone against white, as it can appear washed out, and instead pair it with charcoal text to ensure strong readability.
Does #a3b7ca read as a warm or cool color?
This color is definitively cool-toned, carrying the quiet, reserved energy of a late winter sky or slate. Because it is so desaturated, it avoids the aggressive feel of bright blues, making it a reliable choice for designs that require a secure, grounded appearance.
Is #a3b7ca readable on white or black?
#a3b7ca has a 2.06:1 contrast ratio on white and 10.18: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.