Blue Gray
A cool, professional, and steady blue gray
Blue Gray is a desaturated, dusty tone that feels professional and steady. Because it is quite muted, it serves best as a supporting background color rather than a dominant focal point. Pair it with crisp white or deep charcoal to create strong contrast. The hex code for this cool shade is #7393b3, which offers enough accessibility for readable, small body text.
About Blue Gray
Old workwear faded by a decade of wash cycles
What does blue gray mean?
Blue gray often brings to mind overcast skies, weathered denim, and worn metal, so people commonly read it as understated and steady. Its mid lightness keeps it grounded while the heavy gray pull mutes any energy, landing on reserved and unhurried.
Where you see blue gray
- faded denim jackets
- galvanized metal buckets
- overcast morning sky
- chambray shirts
- concrete in shade
- worn blue jeans
What it works for
It works well as a calm background in interiors and interfaces where a blue tone is wanted without much saturation.
What colors go with blue gray?
Dusty Rose #b56f76The muted pink warms the gray blue without overpowering its quiet tone.Charcoal #36454fCharcoal deepens the palette and keeps the cool, ashy mood intact.Cream #fffdd0Cream softens the cold cast and gives the blue room to breathe.Olive #808000Olive adds an earthy counterpoint that keeps this blue from feeling sterile.Brick #a03623Brick supplies warm contrast at a similar muted saturation.
Questions about Blue Gray
What is the hex code for Blue Gray?
Blue Gray is #7393b3. In RGB that is rgb(115, 147, 179), in HSL hsl(210, 30%, 58%) and in CMYK 36%, 18%, 0%, 30%.
Is Blue Gray readable on white or black?
Blue Gray has a 3.20:1 contrast ratio on white and 6.55:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.