#ACD5F7 Hex Color

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

Hex color #acd5f7 graphic
This pale, desaturated blue feels airy and gentle. Because it is light and cool, #acd5f7 works well as a background color for interfaces, providing enough contrast for black text to remain readable. It pairs nicely with crisp white or soft grays to maintain a clean aesthetic. Designers often use this hex code to evoke a sense of reliability and calm in technology or healthcare branding.

Questions about #acd5f7

What is #acd5f7 in RGB, HSL and CMYK?
In RGB, #acd5f7 is rgb(172, 213, 247), in HSL hsl(207, 82%, 82%) and in CMYK 30%, 14%, 0%, 3%.
What colors pair best with #acd5f7?
Use #acd5f7 alongside crisp white or soft grays to maintain a clean, professional aesthetic. For a more sophisticated look, this pale blue pairs beautifully with navy or a deep slate to provide grounding contrast while keeping the overall palette light and airy.
Does #acd5f7 work well as a UI background color?
Yes, #acd5f7 is an excellent choice for interface backgrounds because it remains subtle while providing sufficient contrast for standard black text. Its light, desaturated nature prevents visual fatigue, making it highly effective for applications focused on wellness, healthcare, or productivity.
Is #acd5f7 readable on white or black?
#acd5f7 has a 1.54:1 contrast ratio on white and 13.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.