#A7C5EB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, unsaturated blue feels approachable and steady. Because it is quite pale, #a7c5eb functions best as a dominant base color for UI backgrounds or branding that requires a non-threatening, secure feel. It maintains high readability with dark text and pairs surprisingly well with other shades of pink for a soft, modern contrast. Avoid overusing it on large white surfaces where it may appear washed out.
Questions about #a7c5eb
What is #a7c5eb in RGB, HSL and CMYK?
In RGB, #a7c5eb is rgb(167, 197, 235), in HSL hsl(214, 63%, 79%) and in CMYK 29%, 16%, 0%, 8%.
What works best with #a7c5eb for UI design?
Because #a7c5eb is a muted and pale blue, it pairs best with high-contrast, dark text like charcoal to maintain accessibility. It also provides a surprisingly modern, soft contrast when combined with various dusty pink shades for UI accents.
How can I prevent #a7c5eb from looking washed out?
Use #a7c5eb in smaller, intentional UI sections or as a background for components rather than across large, empty white spaces. Since it is a low-saturation blue, anchoring it with bolder colors prevents the design from feeling thin or lifeless on screen.
Is #a7c5eb readable on white or black?
#a7c5eb has a 1.77:1 contrast ratio on white and 11.82: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.