What Color is Gray-blue
This shade is a refined blend of cool slate and soft lavender, offering a sophisticated alternative to standard neutrals. It evokes the tranquility of a misty harbor or an overcast twilight, balancing the stability of gray with the dreamy quality of blue-violet. While muted, it retains a metallic luster reminiscent of weathered steel.
Additional Information
- Color Family: Blue-Violet
- Temperature: Cool
- Associated Season: Spring
- Complementary Color: #ABA68C
- Brightness: 147/255
- Saturation: 19%
Colors That Pair Well With Gray-blue
Complementary
Pair with Tallow for a harmonious, balanced look. Great for backgrounds and accents.
High Contrast
Use Go Ben for maximum readability. Ideal for text or critical UI elements.
Harmonious Depth
Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.
Color Variations
Tints (add white)
Tones (add grey)
Gray-blue History
Historically, achieving a stable gray-blue was a challenge; Renaissance artists often mixed expensive Ultramarine with lead white and carbon black, or relied on Smalt, a ground cobalt glass that notably faded to a grayish hue over time. It was not until the 19th-century industrial revolution that consistent synthetic pigments allowed for this specific, moody tone to be mass-produced for textiles and paints.
In the art world, this color became vital to the Impressionists, particularly Claude Monet, who used it to render the colored shadows on snow and water, rejecting the use of pure black. By the mid-20th century, it became a staple in aviation and naval uniforms, symbolizing technical precision, aerodynamic speed, and authority without the harshness of midnight blue.
Meaning & Psychology
Psychologically, this color promotes deep introspection and mental clarity, acting as a visual sedative that lowers the heart rate. Unlike bright blues which can be stimulating, this desaturated variation reduces anxiety and encourages a state of composure, making it ideal for high-stress environments. It feels detached yet safe, creating a protective barrier against chaos.
Culturally, gray-blue is associated with intelligence and corporate stability, often favored by technology and financial sectors to imply reliability. It bridges the gap between the rigid authority of charcoal and the creative intuition of violet. In interior psychology, it creates a sanctuary feel, often used in bedrooms to induce sleep or in libraries to support quiet focus.
In Nature
This shade is prevalent in the mineral world, particularly in fractured slate deposits and weathered basalt rocks found near coastlines. It appears frequently in the animal kingdom, serving as camouflage for the Blue-gray Gnatcatcher bird and the dense, double-coat fur of the Russian Blue cat. Atmospheric phenomena, specifically the diffusion of light during heavy fog, naturally render distant tree lines and horizons in this muted, cool tone.
How To Use Gray-blue
In design, use this color as a sophisticated neutral that carries more character than standard beige or grey. It pairs exceptionally well with warm metals like brass or unpolished copper, which offset its inherent coolness and create a luxurious industrial aesthetic. It serves as a non-intrusive background that allows vibrant accent colors to pop without causing visual vibration.
Regarding accessibility, this background requires high-contrast text, such as crisp white or deep charcoal, to ensure legibility. Avoid pairing it with low-contrast neon greens or bright oranges, which can cause vibration issues for users with visual impairments. It establishes a professional user experience, ideal for dashboards, financial apps, or medical interfaces where trust is paramount.
Related Words
Curated Palettes
Nordic Twilight
A cool, monochromatic scheme capturing the stillness of a Scandinavian winter evening.
Industrial Oxidized
Contrasts the cool gray-blue with warm, rusty metallic tones for a modern loft aesthetic.
Faded Hydrangea
A soft, vintage palette mixing the gray-blue with dried floral tones.
Color Conversions
Color Blindness Simulation
CSS Snippets
color: #8C92AC;
color: rgb(140, 146, 172);
background-color: #8C92AC;
border: 3px solid #8C92AC;
box-shadow: 0 4px 12px #8C92AC66;
background: linear-gradient(135deg, #8C92AC 0%, #ffffff 100%);

Shop Premium Products in Gray-blue
This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.
Ships in 3-5 daysSecure Checkout
Product Details
Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.
- Material: Soft Eco Velvet.
- Feel: Velvety soft finish.
- Backing: Stone coloured back (or double-sided print).
- Print: Edge-to-edge vibrant color using water-based inks.
- Care: Machine washable at 30°C.
- Construction: Handmade to order with a concealed zipper.
Eco Credentials
We believe in sustainable style. Our cushions are crafted with the planet in mind.
- Made to Order: Produced only when you order, eliminating overproduction and waste.
- Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
- Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
- Vegan Friendly: No animal products are used in the production of these cushions.
What Goes With Gray-blue?
Explore color palettes containing Gray-blue and discover harmonious combinations for your designs.
Accessibility
Contrast with Black and White
Contrast with Black
UI Examples
"Color is a power which directly influences the soul."
Contrast Ratio
Contrast with White
UI Examples
"Color is a power which directly influences the soul."
Contrast Ratio
Closest Color Matches
Similar Colors
View all Blue-Violet colors →Colors with similar hex values and appearance to Gray-blue
Frequently Asked Questions
What is the hex code for Gray-blue?
What colors go with Gray-blue?
Is Gray-blue accessible for text?
How do I use Gray-blue in CSS?
You can use Gray-blue in CSS with its hex code. Here is an example class:
.gray-blue {
background-color: #8C92AC;
color: #FFFFFF;
}For more snippets including gradients, see the CSS snippets section.