#A3BCED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a3bced is a pastel blue with a soft, ashy cast. Its low saturation and high lightness give it a gentle, dependable feel, which suits healthcare brands, baby products, and spring layouts. Use it as a supporting tone or wide UI background rather than a hero color, since it can wash out next to white. Black text on it reaches about 11:1 contrast. Pair it with deep navy or a muted coral to add weight.
Questions about #a3bced
What is #a3bced in RGB, HSL and CMYK?
In RGB, #a3bced is rgb(163, 188, 237), in HSL hsl(220, 67%, 78%) and in CMYK 31%, 21%, 0%, 7%.
What colors pair well with #a3bced?
Pair #a3bced with deep navy for a trusted, corporate feel, or add a muted terracotta accent to keep it from reading flat. Warm neutrals like sand also balance its cool cast.
Is #a3bced readable on white or black?
#a3bced has a 1.91:1 contrast ratio on white and 10.97: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.