#A4CCDD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty cyan offers a gentle, airy quality that works well for minimalist interfaces and baby product branding. As a light, unsaturated hue, the hex code #a4ccdd provides a clean background that maintains high readability with black text. While it can appear washed out against pure white, this shade gains depth when paired with deep charcoal or navy accents in UI design.
Questions about #a4ccdd
What is #a4ccdd in RGB, HSL and CMYK?
In RGB, #a4ccdd is rgb(164, 204, 221), in HSL hsl(198, 46%, 75%) and in CMYK 26%, 8%, 0%, 13%.
What makes #a4ccdd a good choice for interface design?
The color #a4ccdd offers a calm, understated presence that prevents eye strain in long-form reading environments. It works exceptionally well as a neutral background when contrasted against dark typography like charcoal or deep navy blue.
How can I add depth to a design using #a4ccdd?
Because #a4ccdd is a pale, unsaturated tone, it risks looking washed out on pure white backgrounds. You gain necessary visual weight by introducing high-contrast elements such as navy or deep grey accents to anchor the layout.
Is #a4ccdd readable on white or black?
#a4ccdd has a 1.71:1 contrast ratio on white and 12.25: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.