#A5D8FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated blue offers a clean, airy feeling that works well as a background base in UI design. Because it lacks intensity, it pairs best with dark charcoals for high-contrast accessibility. The hex code #a5d8ff provides a reliable, professional touch for tech or healthcare projects. Understanding what colors make white helps designers effectively balance this light tint without it appearing washed out.
Questions about #a5d8ff
What is #a5d8ff in RGB, HSL and CMYK?
In RGB, #a5d8ff is rgb(165, 216, 255), in HSL hsl(206, 100%, 82%) and in CMYK 35%, 15%, 0%, 0%.
What colors pair best with #a5d8ff?
Because #a5d8ff is quite light and unsaturated, it pairs effectively with dark charcoal or deep navy text for high-contrast accessibility. For a softer look, it harmonizes well with muted lavenders or gentle, neutral grays that maintain a professional, cohesive palette.
Is #a5d8ff suitable for text on a white background?
Using #a5d8ff for text on a white background is generally not recommended as it fails standard accessibility contrast ratios. It is best utilized as a background color, an accent, or for iconography rather than primary body text to ensure readability.
Is #a5d8ff readable on white or black?
#a5d8ff has a 1.51:1 contrast ratio on white and 13.86: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.