#AEC9E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated blue offers a clean, airy feel that works perfectly for UI backgrounds. Because it is light and holds high contrast against black text, you can use it for small body copy without legibility issues. It pairs well with charcoal greys or muted terracotta to ground its fragility. The hex code for this pastel shade is #aec9e2.
Questions about #aec9e2
What is #aec9e2 in RGB, HSL and CMYK?
In RGB, #aec9e2 is rgb(174, 201, 226), in HSL hsl(209, 47%, 78%) and in CMYK 23%, 11%, 0%, 11%.
What colors pair best with #aec9e2?
Pair #aec9e2 with charcoal or muted terracotta to anchor its delicate nature. Since this blue is light, it benefits from high-contrast neutrals that add structure, preventing the design from appearing too fragile or washed out on bright digital screens.
Is #aec9e2 suitable for UI backgrounds?
Use #aec9e2 as a UI background for interfaces needing high readability and a calm atmosphere. It holds strong contrast against dark text, ensuring small body copy remains legible while keeping the overall aesthetic professional and soft, rather than visually overwhelming to the user.
Is #aec9e2 readable on white or black?
#aec9e2 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.