#A2BEC7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a2bec7 is a tinted, ashy sky blue that sits close to grey. Its low saturation gives it a dusty, refreshing feel, which suits tech interfaces and children’s products alike. It works best as a dominant background or supporting tone, and it pairs nicely with other shades of pink or deep navy. Black text on the hex code #a2bec7 clears WCAG AA with about 10.7:1 contrast.
Questions about #a2bec7
What is #a2bec7 in RGB, HSL and CMYK?
In RGB, #a2bec7 is rgb(162, 190, 199), in HSL hsl(195, 25%, 71%) and in CMYK 19%, 5%, 0%, 22%. Browse more shades of gray with names and hex codes.
What colors pair well with #a2bec7?
Warm, earthy tones like terracotta and dusty rose flatter #a2bec7 best, because they balance its cool, greyed cast with a bit of heat. For sharper designs, pair it with deep navy or charcoal.
Where does #a2bec7 work best in a design?
Use #a2bec7 as a dominant base or large background rather than a small accent, since its low saturation can look washed out next to white. It suits tech, aerospace, and productivity interfaces.
Is #a2bec7 readable on white or black?
#a2bec7 has a 1.95:1 contrast ratio on white and 10.72: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.