#ABEDED Hex Color

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

Hex color #abeded graphic
Designers often use this hex code for airy UI backgrounds, where it offers a refreshing alternative to standard whites. Its pale, unsaturated nature requires dark, high-contrast text for accessibility, as black text provides a legible 16.1:1 contrast ratio. Because it can look washed out against lighter greys, keep it paired with darker, grounded tones to maintain visual interest and depth.

Questions about #abeded

What is #abeded in RGB, HSL and CMYK?
In RGB, #abeded is rgb(171, 237, 237), in HSL hsl(180, 65%, 80%) and in CMYK 28%, 0%, 0%, 7%.
What colors pair well with #abeded in web design?
#abeded functions best as a neutral background, making it an excellent canvas for dark, grounded tones like charcoal or deep navy. These darker hues ensure your content remains readable while maintaining a modern, professional aesthetic for your interface.
Is #abeded readable on white or black?
#abeded has a 1.30:1 contrast ratio on white and 16.06: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.