What color is Blue-gray?
Blue-gray is a cool, muted color that blends the calm of blue with the neutral tone of gray, hex #6A89A7, similar to the surface of a smooth slate stone. It has a soft, slightly hazy quality, neither too bright nor too dark.
What is the meaning of the color Blue-gray?
French decorators in the 18th century used blue-gray extensively in the painted woodwork of Parisian interiors, a style associated with the Louis XVI period. The color became linked to understated elegance in European households, appearing on furniture, walls, and ceramics. The United States Navy adopted a variant of blue-gray for ship camouflage during World War II, documented under official naval paint specifications. Benjamin Moore’s ‘Stonington Gray,’ a blue-gray paint introduced in the late 20th century, helped bring the color into mainstream interior design.
What colors go with Blue-gray?
Colors that pair well with Blue-gray include:
Soft white: clean, airy contrast
Navy blue: adds rich depth
Warm ivory: gentle tonal balance
Terracotta: earthy warmth offset
Forest green: cool-meets-natural pairing
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #6A89A7 |
color: #6A89A7;
|
| RGB | 106, 137, 167 |
color: rgb(106, 137, 167);
|
| RGB Percentage | 42%, 54%, 65% |
color: rgb(42%, 54%, 65%);
|
| CMYK | 37%, 18%, 0%, 35% | Not supported in CSS |
| HSL | 210°, 26%, 54% |
color: hsl(210, 26%, 54%);
|
| HSV | 210°, 37%, 65% | Not supported in CSS |
| CIE-LAB | 43, -6, -10 |
color: lab(43% -6 -10);
|
| Decimal | 6982055 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.blue-gray {
color: #6A89A7;
}
$blue-gray: #6A89A7;
rgb(106, 137, 167)