#AABCE5 Hex Color

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

Hex color #aabce5 graphic
This desaturated blue reads as cool and dusty. Because of its muted lightness, #aabce5 works best as a soft background or a secondary UI accent rather than a primary foreground element. Black text provides excellent contrast against this shade, exceeding accessibility requirements. Avoid pairing it with bright white, where it often looks washed out. The hex code for this color is #aabce5.

Questions about #aabce5

What is #aabce5 in RGB, HSL and CMYK?
In RGB, #aabce5 is rgb(170, 188, 229), in HSL hsl(222, 53%, 78%) and in CMYK 26%, 18%, 0%, 10%.
Does #aabce5 work well for interface backgrounds?
This shade serves as an excellent background for modern interfaces because its desaturated nature creates a calm, unobtrusive canvas. It pairs effectively with charcoal text to ensure the visual hierarchy remains balanced while exceeding standard web accessibility requirements for contrast.
Why does #aabce5 look washed out against white?
Because #aabce5 features a muted lightness, it lacks the depth required to stand out against bright white surfaces. Placing this color against a stark background often makes the blue appear faded, whereas pairing it with darker elements helps define its cool, dusty character.
Is #aabce5 readable on white or black?
#aabce5 has a 1.90:1 contrast ratio on white and 11.03: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.