#A5C5F3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, dusty blue has high lightness, making it ideal for clean, modern UI backgrounds. Because #a5c5f3 provides an 11.9:1 contrast ratio against black, it supports excellent readability for small text. Pair it with deep charcoal or slate greys to ground the pale tone. It tends to look washed out next to pure white. The hex code is #a5c5f3.
Questions about #a5c5f3
What is #a5c5f3 in RGB, HSL and CMYK?
In RGB, #a5c5f3 is rgb(165, 197, 243), in HSL hsl(215, 76%, 80%) and in CMYK 32%, 19%, 0%, 5%. Browse more shades of blue with names and hex codes.
What colors pair best with #a5c5f3?
Because #a5c5f3 is a pale and airy blue, it works most effectively when anchored by darker, neutral tones such as charcoal or deep slate grays. These darker colors provide the necessary visual weight to ground the lightness of the blue.
Does #a5c5f3 work well on white backgrounds?
Using #a5c5f3 against pure white backgrounds often results in a washed-out appearance due to its high lightness and low saturation. It is generally better to pair this blue with darker elements or use it as a soft background for high-contrast content.
Is #a5c5f3 readable on white or black?
#a5c5f3 has a 1.76:1 contrast ratio on white and 11.88: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.