#A8DDFA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel blue provides a clean, airy foundation for web interfaces. Because it is highly unsaturated, it serves as a soft background that does not distract from your content. The hex code #a8ddfa offers excellent contrast for black text, making it a reliable choice for UI designs that prioritize readability. Pair this shade with dark charcoal grays to ground its lightness without losing that professional feel.
Questions about #a8ddfa
What is #a8ddfa in RGB, HSL and CMYK?
In RGB, #a8ddfa is rgb(168, 221, 250), in HSL hsl(201, 89%, 82%) and in CMYK 33%, 12%, 0%, 2%.
Does #a8ddfa work well for text-heavy interfaces?
This hex color #a8ddfa is best utilized as a background element rather than for primary text. Its high luminosity requires pairing with dark charcoal or deep navy typography to maintain sufficient contrast for comfortable reading in UI layouts.
What colors pair best with #a8ddfa?
The soft, airy nature of #a8ddfa thrives alongside grounded neutrals to prevent a washed-out aesthetic. It looks particularly professional when balanced against charcoal for structure, or slate to maintain a monochromatic, cool-toned color palette throughout your design system.
Is #a8ddfa readable on white or black?
#a8ddfa has a 1.45:1 contrast ratio on white and 14.38: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.