Alphabet Blue

An ashy and airy cool blue

Alphabet Blue color codes graphic
This ashy, unsaturated blue feels distinctly cool and airy. Because of its low chroma, #abcdef works best as a clean UI background or a subtle supporting tone rather than a dominant brand color. It pairs surprisingly well with charcoal grays or warm, muted terracottas. With high contrast against black text, the hex code #abcdef provides excellent legibility for web interfaces and technical documentation.

About Alphabet Blue

Chalk dust on a cool Tuesday sky

What does alphabet blue mean?

Light blues often read as trustworthy and clean, so people commonly choose them for clinics, banks, offices, and baby nurseries. Its high lightness and low saturation make it open and unhurried, closer to a hazy morning than a deep evening sea.

Where you see alphabet blue

  • porcelain teacups
  • morning fog
  • baby blankets
  • washed denim
  • shower curtains
  • glazed pottery

What it works for

Use it as a soft background for dashboards, bedding, bathroom tile, and packaging that should feel gentle rather than loud.

What colors go with alphabet blue?

Questions about Alphabet Blue

What is the hex code for Alphabet Blue?
Alphabet Blue is #abcdef. In RGB that is rgb(171, 205, 239), in HSL hsl(210, 68%, 80%) and in CMYK 28%, 14%, 0%, 6%.
Why is #abcdef effective for web interface backgrounds?
This ashy, unsaturated blue offers excellent legibility for black text while remaining subtle enough to avoid overwhelming the user. It creates a calm, technical atmosphere that keeps content at the forefront without competing for visual attention.
Is Alphabet Blue readable on white or black?
Alphabet Blue has a 1.65:1 contrast ratio on white and 12.71: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.