#A1C7F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue offers a muted alternative to standard primary colors. Because it holds a soft, ashy quality, #a1c7f4 functions well as a background base in UI designs where you want readability without high intensity. It pairs cleanly with charcoal grays or deep navies to anchor its lightness. The hex code for this cool tone is #a1c7f4, which provides enough contrast for black text to remain legible.
Questions about #a1c7f4
What is #a1c7f4 in RGB, HSL and CMYK?
In RGB, #a1c7f4 is rgb(161, 199, 244), in HSL hsl(213, 79%, 79%) and in CMYK 34%, 18%, 0%, 4%.
What colors pair well with the dusty blue of #a1c7f4?
#a1c7f4 anchors beautifully when paired with charcoal or deep navy tones, which create a sophisticated, high-contrast look. For a softer, more organic feel, try combining it with warm sand or muted terracotta accents to balance the cool temperature.
Is #a1c7f4 a good choice for interface backgrounds?
Yes, #a1c7f4 is an excellent background choice for digital interfaces because its unsaturated, ashy quality prevents visual fatigue while remaining legible. It offers enough contrast to maintain accessibility without the harshness of a fully saturated or primary blue shade.
Is #a1c7f4 readable on white or black?
#a1c7f4 has a 1.75:1 contrast ratio on white and 11.99: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.