#A2B4D4 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

This dusty, unsaturated blue carries cool undertones. It serves well as a neutral UI background because black text remains highly legible against it. Designers should pair this shade with deep charcoal or navy rather than white to prevent it from looking washed out. The hex code for this color is #a2b4d4.

Questions about #a2b4d4

What is #a2b4d4 in RGB, HSL and CMYK?

In RGB, #a2b4d4 is rgb(162, 180, 212), in HSL hsl(218, 37%, 73%) and in CMYK 24%, 15%, 0%, 17%.

What colors pair best with #a2b4d4?

Because #a2b4d4 is a muted, desaturated blue, it works most effectively when paired with high-contrast, dark neutrals like charcoal or deep navy. Avoid pairing it directly with white, which can make the overall design appear washed out or flat.

Is #a2b4d4 readable on white or black?

#a2b4d4 has a 2.09:1 contrast ratio on white and 10.01: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.

#A2B4D4 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #a2b4d4

Color tools

Resources