#AEB1D3 Hex Color

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

Hex color #aeb1d3 graphic
Pastel indigo earns its keep as a soft UI background, and #aeb1d3 is a textbook case. The hex code sits between blue and violet with heavy gray undertones, so it reads dusty rather than sweet. Black text clears contrast on it at about 10:1, which is well past WCAG AA. Pair it with deep plum or terracotta accents so it doesn’t wash out next to plain white.

Questions about #aeb1d3

What is #aeb1d3 in RGB, HSL and CMYK?
In RGB, #aeb1d3 is rgb(174, 177, 211), in HSL hsl(235, 30%, 75%) and in CMYK 18%, 16%, 0%, 17%. Browse more shades of purple with names and hex codes.
Can white text be read on #aeb1d3?
No. White text on #aeb1d3 reaches only about 2.1:1 contrast, far below the 4.5:1 needed for body text. Use black text instead, which hits roughly 10:1 and passes WCAG AA easily.
What colors pair well with #aeb1d3?
Richer darks give this pastel structure: deep plum, burgundy, and charcoal all work. A small terracotta accent also keeps the gray undertones from going flat.
Is #aeb1d3 readable on white or black?
#aeb1d3 has a 2.09:1 contrast ratio on white and 10.02: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.