#ABD1F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated blue feels cool and airy, making it a reliable choice for UI backgrounds where you need softness without losing structure. Because #abd1f2 has high contrast against black text, it works well for readable interfaces or professional documents. Use this hex code as a base for tech or healthcare projects, but pair it with darker charcoals to avoid a washed-out appearance on screen.
Questions about #abd1f2
What is #abd1f2 in RGB, HSL and CMYK?
In RGB, #abd1f2 is rgb(171, 209, 242), in HSL hsl(208, 73%, 81%) and in CMYK 29%, 14%, 0%, 5%.
How can I make #abd1f2 look less washed out in UI designs?
Pair #abd1f2 with deep charcoal or dark navy text to anchor the lightness and ensure readability. The high contrast between this pale blue and darker neutrals creates a grounded, professional aesthetic rather than a flat, faded appearance.
Is #abd1f2 suitable for text-heavy interfaces?
Yes, this shade works well for backgrounds because it is desaturated enough not to strain the eyes during long reading sessions. Its cool temperature provides a calm, reliable foundation that keeps black or dark gray typography legible and sharp.
Is #abd1f2 readable on white or black?
#abd1f2 has a 1.59:1 contrast ratio on white and 13.13: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.