#ABDBEA Hex Color

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

Hex color #abdbea graphic
This cool, unsaturated cyan acts as a refreshing, airy base for digital interfaces. Because it is highly legible with black text, #abdbea works well for expansive backgrounds in clean, modern UI designs. Pair it with soft charcoal grays rather than pure white to avoid a washed-out appearance. The hex code for this pastel shade is #abdbea.

Questions about #abdbea

What is #abdbea in RGB, HSL and CMYK?
In RGB, #abdbea is rgb(171, 219, 234), in HSL hsl(194, 60%, 79%) and in CMYK 27%, 6%, 0%, 8%.
What colors pair best with #abdbea in UI design?
Soft charcoal grays provide the best contrast for #abdbea, as they ground the airy cyan without the harshness of pure black. You can also pair it with a deep navy for a sophisticated, professional monochromatic accent.
Does #abdbea work for text-heavy layouts?
This shade is best reserved for UI backgrounds, dividers, or subtle accents rather than body text. Because #abdbea is a light, unsaturated cyan, it lacks the necessary contrast ratio against white to meet standard web accessibility requirements for readability.
Is #abdbea readable on white or black?
#abdbea has a 1.49:1 contrast ratio on white and 14.05: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.