#A2CCE8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, ashy blue feels airy and restrained due to its low saturation. Because it maintains strong contrast against black text, #a2cce8 functions well as a reliable background for UI designs or healthcare branding. It risks looking washed out when placed directly next to pure white, so pair it with darker slate greys or deep navy to ground the palette. The hex code for this color is #a2cce8.
Questions about #a2cce8
What is #a2cce8 in RGB, HSL and CMYK?
In RGB, #a2cce8 is rgb(162, 204, 232), in HSL hsl(204, 60%, 77%) and in CMYK 30%, 12%, 0%, 9%.
How can I prevent #a2cce8 from looking washed out in my design?
#a2cce8 has a very low saturation, so it can easily disappear when placed directly against white. To ground the palette, always pair this shade with darker, high-contrast colors like navy or slate grey, which create necessary visual boundaries for the eye.
Is #a2cce8 a good choice for UI backgrounds?
Yes, #a2cce8 is an excellent choice for UI backgrounds because it remains highly readable with black or dark grey text. Its restrained, ashy character feels professional and calm, making it particularly effective for healthcare websites or clean, minimalist digital applications.
Is #a2cce8 readable on white or black?
#a2cce8 has a 1.70:1 contrast ratio on white and 12.33: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.