#A1C5E3 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #a1c5e3 graphic
#a1c5e3 is a dusty, unsaturated blue with a cool, ashy undertone. Because it is highly muted and soft, this shade works best as a calming background or a secondary accent rather than a dominant bold feature. It pairs well with crisp charcoal grays, providing high contrast for accessible black body text. This hex code provides a professional, stable feel for healthcare and technology interfaces.

Questions about #a1c5e3

What is #a1c5e3 in RGB, HSL and CMYK?
In RGB, #a1c5e3 is rgb(161, 197, 227), in HSL hsl(207, 54%, 76%) and in CMYK 29%, 13%, 0%, 11%. Browse more shades of blue with names and hex codes.
What colors pair best with #a1c5e3?
Because #a1c5e3 is so muted and cool, it works best when anchored by dark, crisp neutrals like charcoal. These dark grays provide the necessary contrast to make text readable against the soft, light blue background while maintaining a sophisticated, professional aesthetic.
Why does #a1c5e3 feel professional for UI design?
The unsaturated nature of #a1c5e3 conveys stability and calmness rather than high-energy excitement. This makes it an ideal choice for interfaces where user trust is paramount, such as healthcare portals, financial tools, or clean, minimalist enterprise software.
Is #a1c5e3 readable on white or black?
#a1c5e3 has a 1.80:1 contrast ratio on white and 11.61: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.