#ABDCFF Hex Color
Clean pastel blue with airy charm
This pastel blue offers a clean, airy feel that works best as a neutral background for UI designs. Because it sits high on the lightness scale, it creates excellent readability with dark charcoal text. The hex code for this color is #abdcff. Use it sparingly in branding to avoid looking washed out, or pair it with deep slate grays to anchor its inherent brightness.
Questions about #abdcff
What is #abdcff in RGB, HSL and CMYK?
In RGB, #abdcff is rgb(171, 220, 255), in HSL hsl(205, 100%, 84%) and in CMYK 33%, 14%, 0%, 0%.
How can #abdcff be used effectively in UI design?
The hex color #abdcff functions best as a soft background color that keeps interface elements legible without overwhelming the user. Because it is high on the lightness scale, it provides excellent contrast for text in charcoal or deep slate, ensuring your content remains accessible.
What colors complement #abdcff for a balanced palette?
This light blue pairs beautifully with neutrals like charcoal to anchor its brightness. To add warmth, consider introducing soft terracotta accents, which create a grounded, modern contrast against the cool, airy nature of the blue.
Is #abdcff readable on white or black?
#abdcff has a 1.45:1 contrast ratio on white and 14.41: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.