#ABA8EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, cool-toned violet offers a light, airy presence suitable for soft UI backgrounds or delicate branding. Because #aba8ea provides high contrast with black text, it works well for readable body copy. Avoid using it alongside bright, saturated colors, which may wash out its gentle character. Instead, pair this hex code with darker slate grays to ground its ethereal, almost pastel quality.
Questions about #aba8ea
What is #aba8ea in RGB, HSL and CMYK?
In RGB, #aba8ea is rgb(171, 168, 234), in HSL hsl(243, 61%, 79%) and in CMYK 27%, 28%, 0%, 8%.
What colors pair best with #aba8ea in a design palette?
Pair #aba8ea with deep, neutral slate grays to ground its airy quality without washing out the color. Adding a charcoal or a very dark navy creates a sophisticated, high-contrast look that keeps the violet feeling intentional and professional.
Does #aba8ea work well for text in user interfaces?
While #aba8ea is quite light, it maintains enough substance to function as a background for black or very dark text. However, avoid using it as a foreground text color itself, as it lacks sufficient contrast against white to meet basic accessibility standards.
Is #aba8ea readable on white or black?
#aba8ea has a 2.20:1 contrast ratio on white and 9.52: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.