Blue gray color

A gray with a clear blue undertone. It's cool but friendly. It's used in bedrooms, formalwear and understated interfaces.

Also known as: blue grey, grayish blue.

Blue gray · #7393B3

About blue gray

Blue gray (#7393B3) is a cool, mid-tone, muted color. It belongs to the grays family. It mixes 115 red, 147 green and 179 blue (out of 255). It is mostly used in home decor, fashion, web.

Blue gray shades and tints

From lightest to darkest. Tap a shade to copy its code.

Blue gray color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Camel

AnalogousClose to: Seafoam green, Ultra violet

TriadicClose to: Rose gold, Moss green

Split complementaryClose to: Old rose, Sand

TetradicClose to: Plum, Camel, Pistachio green

Blue gray color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Blue gray

Analogous palette · Blue gray

Complementary palette · Blue gray

Triadic palette · Blue gray

With neutrals palette · Blue gray

With an accent palette · Blue gray

Blue gray contrast with text

White textContrast 3.2:1 · AA large text

Black textContrast 6.6:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --blue-gray: #7393B3;
  --blue-gray-rgb: 115, 147, 179;
}
.bg { background-color: var(--blue-gray); }
.text { color: var(--blue-gray); }

Colors similar to blue gray

Slate gray Steel blue Cerulean Steel gray Gray Lead gray Smoke gray Baby blue Sky blue Pastel blue

Themed palettes with this color

More grays

Gray Light gray Dark gray Silver Charcoal gray Slate gray Ash gray Pearl gray Oxford gray Graphite Taupe Steel gray Lead gray Smoke gray Stone gray Platinum Greige

Frequently asked questions

What is the hex code for blue gray?

The hex code for blue gray is #7393B3. In RGB it is rgb(115, 147, 179), in HSL hsl(210, 30%, 58%) and in CMYK 36, 18, 0, 30.

What is the complementary color of blue gray?

Its complement on the color wheel is #B39373, close to camel. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on blue gray?

Use black text instead: the contrast with white is only 3.2:1, while with black it is 6.6:1.