#A5CAE5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, desaturated blue feels airy and restrained rather than bold. Because of its light, muted character, #a5cae5 works effectively as a subtle background color for clean, professional interfaces in finance or healthcare. It maintains excellent readability with high-contrast black text, making it a functional choice for body copy or UI elements. Pair it with soft charcoal or warm grays to avoid a washed-out aesthetic.
Questions about #a5cae5
What is #a5cae5 in RGB, HSL and CMYK?
In RGB, #a5cae5 is rgb(165, 202, 229), in HSL hsl(205, 55%, 77%) and in CMYK 28%, 12%, 0%, 10%.
Where should I use the #a5cae5 hex color?
#a5cae5 excels as a subtle background color for professional interfaces, particularly in healthcare or finance, where clarity is priority. Because it is light and desaturated, it maintains excellent readability with high-contrast black text for your body copy.
What colors pair well with #a5cae5?
To avoid a washed-out aesthetic, anchor this light blue with charcoal or deep, warm grays to create necessary visual weight. It also works beautifully against crisp white for a clean look, or with soft navy accents for more depth.
Is #a5cae5 readable on white or black?
#a5cae5 has a 1.72:1 contrast ratio on white and 12.17: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.