#ADE2E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated cyan feels clean and airy, making it a natural choice for modern UI backgrounds or minimalist branding. Because it is highly tinted, black text remains perfectly legible against it. It works best as a primary base rather than an accent. When you need to understand what colors make white, the light, bleached composition of hex code #ade2e2 offers a useful reference point.
Questions about #ade2e2
What is #ade2e2 in RGB, HSL and CMYK?
In RGB, #ade2e2 is rgb(173, 226, 226), in HSL hsl(180, 48%, 78%) and in CMYK 23%, 0%, 0%, 11%.
What makes #ade2e2 a good choice for UI backgrounds?
The high tint of #ade2e2 ensures that standard black or dark gray text remains easily readable, which is crucial for accessibility. Its pale, desaturated nature provides a soft, non-distracting canvas that helps highlight primary content elements without causing visual fatigue.
Which colors pair well with the airy #ade2e2?
Because #ade2e2 is so pale and cool, it works best with charcoal for high-contrast text or a warm terracotta to add a balancing, earthy pop. You can also layer it with deeper shades of blue or teal to maintain a monochromatic, serene atmosphere.
Is #ade2e2 readable on white or black?
#ade2e2 has a 1.42:1 contrast ratio on white and 14.75: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.