#A3C8F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A light, dusty blue, #a3c8f5 has cool gray undertones and low saturation that create a soft, dependable look. It suits healthcare, finance, security, and spring-themed interfaces, especially as a spacious background. Pair it with charcoal or deep navy for clear structure; black text achieves strong contrast for small body copy. The hex code is #a3c8f5.
Questions about #a3c8f5
What is #a3c8f5 in RGB, HSL and CMYK?
In RGB, #a3c8f5 is rgb(163, 200, 245), in HSL hsl(213, 80%, 80%) and in CMYK 33%, 18%, 0%, 4%.
What colors pair well with #a3c8f5?
What text color works best with #a3c8f5?
Black text provides strong contrast on #a3c8f5, while white text is too low-contrast for most reading; choose black or a very dark navy for body copy, labels, and controls, then verify the final combination with a contrast checker.
Why does #a3c8f5 feel cool and dependable?
#a3c8f5 feels cool because its blue base is softened by gray undertones, while its light, low-saturation appearance keeps the mood calm rather than vivid and gives spacious layouts a dependable, reassuring tone. That balance suits healthcare, security, finance, and open interface backgrounds.
Is #a3c8f5 readable on white or black?
#a3c8f5 has a 1.73:1 contrast ratio on white and 12.13: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.