#A1BFE6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated blue feels cool and professional. Because it has significant gray undertones, #a1bfe6 works best as a supporting background rather than a main header color. It maintains excellent contrast with black text, making it a functional choice for UI design in finance or healthcare. For a more playful contrast, pair it with deeper pink tones to ground the airy feel of this hex code.
Questions about #a1bfe6
What is #a1bfe6 in RGB, HSL and CMYK?
In RGB, #a1bfe6 is rgb(161, 191, 230), in HSL hsl(214, 58%, 77%) and in CMYK 30%, 17%, 0%, 10%.
Is #a1bfe6 a good choice for UI backgrounds?
#a1bfe6 functions exceptionally well as a background color for professional applications, such as healthcare or finance portals, because its desaturated nature remains easy on the eyes. It provides a stable, neutral base that does not distract from core interface elements.
What colors pair well with #a1bfe6?
This pale blue creates a harmonious balance when paired with high-contrast charcoal or deep navy text for readability. For a more creative or playful touch, introducing warmer accents like terracotta or soft pinks helps ground the coolness of the color.
Is #a1bfe6 readable on white or black?
#a1bfe6 has a 1.89:1 contrast ratio on white and 11.11: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.