#AAEAED Hex Color

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

Hex color #aaeaed graphic
This bleached cyan appears highly unsaturated and airy, offering a cooling effect for digital interfaces. Because it maintains strong contrast against black text, it serves as a highly legible background for UI design. The hex code for this shade is #aaeaed. Use it sparingly, as this delicate tone can appear washed out against white, making it better suited for supporting elements than large, dominant blocks.

Questions about #aaeaed

What is #aaeaed in RGB, HSL and CMYK?
In RGB, #aaeaed is rgb(170, 234, 237), in HSL hsl(183, 65%, 80%) and in CMYK 28%, 1%, 0%, 7%.
Does #aaeaed work well as a primary text color?
This color is too light to serve as primary text against a white background, often failing accessibility standards. Instead, use #aaeaed for subtle UI elements like borders, dividers, or background washes, while relying on charcoal or deep navy for your main text.
Which colors complement #aaeaed effectively?
Because #aaeaed is a highly unsaturated cyan, it pairs beautifully with contrasting warm tones to create visual balance. Pair this shade with terracotta or warm coral to prevent the design from feeling too cold, or use slate to maintain a professional, monochromatic aesthetic.
Is #aaeaed readable on white or black?
#aaeaed has a 1.33:1 contrast ratio on white and 15.70: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.