#BEBDBD Hex Color

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

Vapour Blue color codes graphic
Vapour Blue is an ashy, neutral grey that serves as a dependable supporting tone for minimal interfaces. Because of its high contrast ratio, black text reads perfectly against this shade, making it a functional choice for clean typography and UI backgrounds. The hex code for Vapour Blue is #bebdbd. Pair this muted grey with deep charcoals or slate tones to avoid a washed-out appearance in your layouts.

About Vapour Blue

The grey of an overcast sky at noon

What does vapour blue mean?

Grey tones often read as neutral, practical, and balanced, since they carry almost no color bias of their own. Its mid lightness and near-zero saturation make it feel still and even, like a room before anyone walks in.

Where you see vapour blue

  • concrete sidewalks
  • galvanized metal buckets
  • heather grey sweatshirts
  • mouse fur
  • unpolished pewter
  • fog on a morning highway

What it works for

It works well as a background color, a text surface, or a quiet base that lets stronger colors carry a design.

What colors go with vapour blue?

Questions about Vapour Blue

What is the hex code for Vapour Blue?
Vapour Blue is #bebdbd. In RGB that is rgb(190, 189, 189), in HSL hsl(0, 1%, 74%) and in CMYK 0%, 1%, 1%, 25%.
Does #bebdbd work well for website typography?
Vapour Blue works best as a background color or secondary element rather than primary body text. Because it is a soft, mid-tone grey, you should pair it with deep charcoal or near-black text to ensure sufficient contrast and readability.
Is Vapour Blue a warm or cool grey?
Vapour Blue sits firmly on the neutral side with a slightly cool, misty undertone. This characteristic makes it an excellent choice for clean, modern interfaces that need to avoid the stark, clinical feel of pure industrial greys.
Is Vapour Blue readable on white or black?
Vapour Blue has a 1.87:1 contrast ratio on white and 11.20: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.