#A7D4F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly unsaturated pastel blue feels ashy and cool. It functions perfectly as a background for healthcare or tech interfaces, offering excellent readability for black text. The hex code for this shade is #a7d4f0. Use it alongside deep charcoal or navy accents to anchor the design, as it can appear washed out when paired only with white.
Questions about #a7d4f0
What is #a7d4f0 in RGB, HSL and CMYK?
In RGB, #a7d4f0 is rgb(167, 212, 240), in HSL hsl(203, 71%, 80%) and in CMYK 30%, 12%, 0%, 6%.
Why does #a7d4f0 look washed out on its own?
This shade is highly unsaturated and relies on contrast to pop. To prevent it from looking flat or washed out, pair it with deep charcoal or navy accents to anchor the design and provide necessary visual weight.
Is #a7d4f0 suitable for body text?
This color is too light for body text and will fail most accessibility standards for legibility. It works best as a soft background or large UI element while using black or dark tones for all primary text content.
Is #a7d4f0 readable on white or black?
#a7d4f0 has a 1.57:1 contrast ratio on white and 13.31: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.