#A6C3FC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated blue leans toward a periwinkle tint, offering a clean and airy aesthetic. Because #a6c3fc provides high contrast with black text, it functions effectively as a large-scale UI background or a soft header element. Pair this cool, pastel tone with charcoal grays for a sophisticated, professional look, as it can appear washed out if combined strictly with stark white. The hex code for this color is #a6c3fc.
Questions about #a6c3fc
What is #a6c3fc in RGB, HSL and CMYK?
In RGB, #a6c3fc is rgb(166, 195, 252), in HSL hsl(220, 93%, 82%) and in CMYK 34%, 23%, 0%, 1%.
What colors pair best with #a6c3fc for a professional UI design?
#a6c3fc pairs beautifully with dark, neutral shades like charcoal or slate, which ground the airy, light nature of the blue. These darker accents ensure high contrast for text and iconography, keeping your interface design legible while maintaining a sophisticated, modern aesthetic.
Does #a6c3fc function well as a background color for long-form text?
While #a6c3fc creates a pleasant, low-stress background, it is generally too light and unsaturated for extended blocks of black body text due to readability concerns. It works much better as a subtle container background, a soft header accent, or a navigational element.
Is #a6c3fc readable on white or black?
#a6c3fc has a 1.77:1 contrast ratio on white and 11.83: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.