#A1D9F7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated blue reads as clean and professional, making it a reliable choice for UI backgrounds where readability matters. Because it offers strong contrast with black text, it functions well for accessibility. The hex code for this cool shade is #a1d9f7. Avoid using it alongside stark white, which can wash out its delicate saturation. Instead, pair it with deeper charcoal grays for a balanced interface.
Questions about #a1d9f7
What is #a1d9f7 in RGB, HSL and CMYK?
In RGB, #a1d9f7 is rgb(161, 217, 247), in HSL hsl(201, 84%, 80%) and in CMYK 35%, 12%, 0%, 3%.
What colors pair best with #a1d9f7 in a interface?
Pair this shade with charcoal or deep slate grays to anchor the design and prevent the interface from feeling washed out. Stark white backgrounds can diminish the subtle saturation of this color, so lean toward soft grays for better visual balance.
Is #a1d9f7 readable on white or black?
#a1d9f7 has a 1.52:1 contrast ratio on white and 13.78: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.