Slate Blue

Slate Blue is a cool, muted blue with noticeable gray undertones, reminiscent of the natural stone it is named after. It occupies a unique space, blending the calmness of blue with the neutrality of gray.

This composition gives the color a sophisticated and somewhat subdued character. Its grayish tint softens the vibrancy of a pure blue, resulting in a versatile shade that feels both grounded and serene.

Slate Blue embodies a quiet confidence and stability, blending the tranquility of blue with the neutrality of gray. It often symbolizes dependable intelligence and a modern, understated sophistication.

Historically tied to the durable slate rock, the color carries a sense of timelessness and reliability, making it feel both classic and contemporary in application.

Slate Blue works beautifully as a primary color for creating a focused, serene user interface. For a dynamic effect, contrast it with warm accents like ochre or a soft coral. To maintain a professional and understated feel, pair it with a palette of neutrals—think creams, light grays, and off-whites. Applying the 60-30-10 rule can help balance Slate Blue with these complementary shades effectively.

While not as common as a standard navy, shades similar to Slate Blue are used by distinctive brands like GitLab, Loom, and Remote. This suggests its strength in creating a memorable identity that feels both modern and dependable, setting a product apart from more common color schemes.

Explore curated palettes, test your color contrast for accessibility, and preview Slate Blue (#6A5ACD) in real UI components from leading brands using the tools below.

Working with Slate Blue starts with its hex code, #6A5ACD. While this is the standard for web projects, your work might require translating it for different media or fine-tuning its properties.

Each color model serves a specific purpose. The RGB values define the mix of red, green, and blue light for digital displays. For print materials, you'll need the CMYK equivalent, which specifies ink proportions. Models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments, separating the core color from its intensity and brightness.

To make your workflow easier, we have converted Slate Blue's #6A5ACD hex code into a variety of popular formats. You can find and copy the exact values you need for your project below.