The Slate Blue Color Code: HEX, RGB, CMYK

Few colors sit as comfortably between calm and sophistication as slate blue.

Slate blue color is a cool, tertiary color that blends blue with subtle violet and gray undertones. The color carries strong associations with stability and quiet confidence, sitting at 248 degrees on the color wheel with RGB values around (106, 90, 205).

It shows up everywhere, from interior walls and fashion runways to brand identities and web interfaces, yet it rarely gets the focused attention it deserves.

This article covers everything: hex and RGB codes, color psychology, shades, pairings, and how to use it across design and print mediums.

Slate Blue Color Codes

Slate blue sits at the intersection of blue and violet on the color theory spectrum, carrying just enough gray to feel grounded without losing its cool, saturated presence. Below are the standard color codes you’ll need across digital and print workflows.

• HEX: #6A5ACD
• RGB: R: 106, G: 90, B: 205
• CMYK: C: 48%, M: 56%, Y: 0%, K: 20%
• HSL: 248°, 53%, 58%

In the RGB color model, blue dominates at 80.4%, with red at 41.6% and green at 35.3%. That heavy blue weight is what gives it the cool, slightly purple-leaning character most people recognize as “slate blue.”

For print, the CMYK breakdown leans hard on cyan and magenta with no yellow component, which means it can shift slightly depending on paper stock and ink density. Worth testing before going to press.

The HSL value puts its hue at 248 degrees, which places it firmly in the blue-violet range of the color wheel, closer to indigo than to a typical mid-blue. Its lightness at 58% makes it a medium-value tone, not quite a pastel but nowhere near a dark shade either.

If you want to convert these values for a specific workflow, tools like an RGB to HEX Converter, a HEX to RGB Converter, or an RGB to CMYK converter can help you move between color spaces accurately. For CSS work specifically, a HSL to RGB converter saves time when you need exact values fast.

The closest web-safe equivalent is #6666CC, which is useful to know if you’re working on older display environments. The approximate wavelength is 458 nm, which aligns with the blue-violet part of the visible light spectrum.

—

Slate Blue Color Palettes

Slate blue works across a wide range of color relationships. Because of its cool, muted character, it plays well in both soft and high-contrast pairings. Below are the key harmony types based on standard color theory relationships.

For cool color palettes specifically, slate blue is one of the more flexible anchors you can use. It pairs naturally with other cool tones and holds its own against warm accents without fighting for attention.

If you want to experiment further, a color palette generator can help you quickly test different harmony combinations with slate blue as the base.

—

Slate Blue Shades

Slate blue includes a range of variations from pale, washed-out tints to deep, near-indigo tones. Each variation differs in lightness, saturation, and undertone, with lighter versions leaning toward lavender and gray-blue, while darker ones shift closer to dark slate blue or indigo.

The tints read as soft and airy. The deeper shades feel formal and grounded.

—

What Are the Primary Attributes of Slate Blue?

Slate blue has five primary attributes: cool hue (derived from a blue-violet base), medium lightness (sitting at 58% in HSL), moderate saturation (53%), gray undertones (from the black component in CMYK), and strong psychological associations with calm and reliability.

—

How Is Slate Blue Used in Interior Design?

Slate blue functions as both a foundational tone and an accent color in interior design, creating calm, sophisticated spaces that feel settled rather than stark.

Designers use it for wall paint, upholstery, textiles, and cabinetry to build environments that feel composed across transitional, contemporary, and coastal styles.

It pairs particularly well with warm neutrals like cream and beige, which soften its cool edge. In web design and digital UI, it reads as professional without feeling corporate or cold.

Bedrooms and living rooms benefit most from slate blue walls, where the color’s natural ability to reduce visual stress makes spaces feel genuinely restful. It also holds up well as a kitchen cabinet color, especially when paired with brass or matte black hardware.

—

What Psychology and Emotions Does Slate Blue Evoke?

Slate blue evokes feelings of calm, reliability, trust, and quiet confidence through its association with slate stone, overcast skies, and still water.

Color psychology research indicates slate blue reduces mental tension, encourages introspection, and creates environments that support focus and thoughtful decision-making.

Unlike brighter blues, its gray undertone adds a layer of maturity. It reads less as energetic and more as steady. That’s part of why it works in professional contexts without feeling cold or detached.

—

How Is Slate Blue Applied in Fashion and Clothing?

Slate blue serves as a reliable wardrobe staple in fashion, offering quiet sophistication through suiting, knitwear, outerwear, and eveningwear.

Fashion designers use it for its neutral flexibility, cool undertone compatibility with a wide range of skin tones, and capacity to bridge formal and casual contexts across seasons.

It works especially well in fall and winter collections, where its depth pairs naturally with charcoal, ivory, and burgundy. In street style, it shows up in denim-adjacent tones and oversized blazers. It’s one of those colors that looks intentional without trying too hard, which is probably why it keeps coming back season after season.

—

What Colors Complement and Contrast With Slate Blue?

Slate blue complements warm ivory, soft peach, lavender, sage green, and warm gray, while contrasting effectively with muted gold, terracotta, and warm mustard.

These combinations create balanced, sophisticated palettes that use slate blue’s cool, medium-value tone as either the dominant or supporting color depending on context.

Complementary Colors

Slate Blue + Warm Gold / Muted Yellow

• Color Theory Basis: Sits near-complementary on the color wheel; warm yellow-gold offsets slate blue’s cool violet-blue cast
• Visual Effect: Creates contrast without aggression, a pairing that feels refined rather than loud
• Best Applications: Branding, editorial design, bedroom interiors, wedding palettes
• Ratio Recommendations: 70% slate blue, 30% gold as accent
• Example Uses: Packaging design, brand identity, formal wear pairings

Slate Blue + Ivory / Warm White

• Color Theory Basis: Neutral warmth offsets blue’s cool tone without creating sharp contrast
• Visual Effect: Soft, airy, and clean, especially in interior applications
• Best Applications: Bedroom walls, wedding stationery, minimalist UI
• Ratio Recommendations: 60% ivory base, 40% slate blue
• Example Uses: Coastal interiors, print design, bridal fashion

Slate Blue + Terracotta

• Color Theory Basis: Warm reddish-orange versus cool blue-violet; strong contrast with tonal warmth on both sides
• Visual Effect: Grounded and earthy, avoids the harsh snap of a pure complementary pair
• Best Applications: Home decor, poster design, autumn editorial layouts
• Ratio Recommendations: 65% slate blue, 35% terracotta
• Example Uses: Autumn color palettes, ceramic packaging, lifestyle branding

Slate Blue + Sage Green

• Color Theory Basis: Both are muted, cool-leaning tones that share similar saturation levels
• Visual Effect: Calm, organic, and cohesive; feels like a natural environment
• Best Applications: Wellness branding, interior design, nature color palettes
• Ratio Recommendations: Equal split or 60/40 depending on the dominant tone needed
• Example Uses: Spa interiors, sustainable packaging, lifestyle apps

Contrasting Colors

Slate Blue + Burnt Orange

• Contrast Type: Near-complementary
• Visual Impact: Bold but controlled, the muted quality of slate blue prevents the pairing from feeling jarring
• Best Applications: Book cover design, marketing visuals, accent walls
• Balance Strategies: Keep burnt orange as a 20-30% accent; let slate blue carry the visual weight

Slate Blue + Mustard Yellow

• Contrast Type: Warm/cool contrast
• Visual Impact: Vintage-feeling tension that reads well in editorial and retro contexts
• Best Applications: Retro color palettes, fashion lookbooks, packaging
• Balance Strategies: Mustard works best as an accent, not a base; too much tips into dated

Slate Blue + Charcoal

• Contrast Type: Value contrast (light vs. dark)
• Visual Impact: Sophisticated and formal without feeling cold
• Best Applications: Dark color palettes, corporate branding, menswear
• Balance Strategies: Use charcoal as background with slate blue as the mid-tone highlight

Color Scheme Types

• Monochromatic: Use very light slate blue (#8470FF), the standard (#6A5ACD), and dark slate blue (#483D8B) together for a layered, single-tone scheme
• Analogous: Pair with periwinkle and purple-blue for a harmonious cool scheme
• Triadic: Combine with coral-red and mid-green for high energy while keeping slate blue as the grounding tone
• Split-Complementary: Pair slate blue with warm amber and soft yellow-green for variety without full complementary tension
• Tetradic: Combine slate blue, teal, muted gold, and dusty rose for a rich four-color palette with good visual balance

Practical Pairing Guidelines

• 60-30-10 Rule: Slate blue as the 60% dominant color, a neutral like ivory or gray at 30%, and a warm accent (gold, terracotta) at 10%
• Accent Color Strategy: Use slate blue to anchor the palette, then bring in a single warm accent to create focal emphasis
• Neutral Bridging: Gray or warm white between slate blue and bolder colors helps unify the palette without diluting contrast

—

How Does Slate Blue Differ From Similar Cool Colors?

Slate blue differs from periwinkle (less red-violet), powder blue (much lighter and less saturated), cornflower blue (brighter and more purely blue), and slate gray (grayer with almost no blue saturation) through its specific balance of blue dominance, violet undertone, and medium lightness.

Visual Comparison Chart

—

How Do You Create Slate Blue in Different Mediums?

Create slate blue by mixing ultramarine blue with a small amount of gray and a touch of red or violet in paint, using #6A5ACD or RGB (106, 90, 205) in digital design, ensuring the blue dominates and the violet undertone stays controlled throughout the mix.

Acrylic Paint

Start with ultramarine blue as the base. Add a small amount of titanium white to raise the lightness, then introduce a touch of red or violet to shift toward the purple-blue range. Add gray gradually to reduce saturation without muddying the tone.

• Base colors: Ultramarine blue, titanium white, medium gray, touch of quinacridone magenta or dioxazine purple
• Mixing ratio: Roughly 60% blue, 20% white, 15% gray, 5% violet/red
• Common mistake: Adding too much white too fast, which produces a pastel rather than a true medium-tone slate
• Adjustment tip: If too purple, add more blue. If too gray, reduce the black/gray and increase the blue

Oil Paint

Use French ultramarine or cobalt blue as the starting pigment. Mix in flake white or titanium white slowly and add a small amount of Payne’s gray to introduce that cool, desaturated quality.

Oil dries darker than it looks wet, so test on a sample surface and let it cure. The violet character tends to deepen slightly as it dries, which can actually work in your favor.

Watercolor

Cerulean blue or ultramarine blue diluted with water forms the base. Add a small wash of violet (dioxazine purple or quinacridone violet) to shift the hue, and layer wet-on-dry to control depth.

Avoid opaque pigments here since the transparency of watercolor is what builds the cool, glowing quality of slate blue tones. Layering works better than mixing everything at once.

Gouache

Similar to acrylic but more opaque from the start. Mix ultramarine blue with white gouache and a touch of gray, then add a tiny amount of violet. Gouache allows more direct mixing and produces flat, matte coverage that suits slate blue well in editorial and illustration contexts.

Print / CMYK

• Cyan: 48%
• Magenta: 56%
• Yellow: 0%
• Black: 20%
• Printing considerations: Coated paper preserves the violet undertone better; uncoated stock may absorb ink and shift it slightly grayer. Always request a proof before full print runs
• Pantone matching: Closest equivalents are Pantone 2726 C or Pantone Medium Purple C depending on the specific shade variation needed

—

What Are the Best Practices for Using Slate Blue in Design?

Best practices for slate blue include pairing it with warm neutrals to balance its cool cast, maintaining adequate contrast ratios for text legibility, using it as a primary or supporting brand color rather than an accent, and testing it across both light and dark backgrounds before finalizing any layout.

Designers should check color contrast ratios carefully when using slate blue with white text, as the mid-range lightness value (58% in HSL) can fall into borderline accessibility territory under WCAG AA standards.

In web design, slate blue works well for navigation elements, CTA buttons, and header backgrounds when paired with white or very light gray text. Avoid using it as small body text on light backgrounds since the saturation level can reduce readability at smaller sizes.

For print design, account for the CMYK shift toward neutral gray on uncoated stock. What looks like a rich violet-blue on screen can print as a flat, slightly dull shade if you don’t compensate in the file. Slightly boosting the cyan and reducing the black in your CMYK values can help.

In branding, slate blue reads as professional, calm, and considered. It suits industries like healthcare, finance, legal, tech, and wellness. It also works in lifestyle and fashion contexts where that understated, cool-toned quality is the point.

One thing worth mentioning: visual hierarchy matters a lot when using slate blue. Because it’s a mid-tone color, it doesn’t naturally push forward or recede the way very light or very dark colors do. You need to pair it intentionally to establish clear hierarchy, usually by combining it with something significantly lighter or darker.

—

What Role Does Slate Blue Play in Branding and Marketing?

Slate blue plays a foundational role in branding and marketing, communicating reliability, sophistication, and quiet authority to consumers. Research on color psychology in marketing indicates slate blue reduces perceived risk and increases trust, making it effective for professional services, wellness brands, and technology companies seeking a composed, credible identity.

It’s not the loudest blue on the shelf. That’s actually the point. Brands using slate blue are usually communicating something different from those using navy or electric blue: less aggression, more considered. It signals thoughtfulness over energy.

In visual identity systems, slate blue works well as a primary brand color when supported by warm neutrals or metallic accents. It also functions as a secondary color in more complex brand guidelines where the goal is to soften a predominantly dark or neutral palette.

For digital marketing specifically, slate blue performs well in banner ads and landing pages where calm, non-threatening color signals matter for conversion. It’s been used in healthcare and financial sectors for years, but it’s showing up increasingly in D2C lifestyle brands that want to signal quality without the stiffness of navy or the approachability of sky blue.

A well-built brand style guide using slate blue should define its primary HEX (#6A5ACD), its acceptable CMYK and RGB ranges for print and digital, and clear rules around contrast and pairing to keep the color consistent across all touchpoints.

FAQ on Slate Blue Color

What Is Slate Blue?

Slate blue is a cool, muted color that blends blue with violet and gray undertones. It sits at 248 degrees on the hue scale, giving it a calm, desaturated quality that reads as sophisticated rather than bold.

What Is the Hex Code for Slate Blue?

The standard hex code for slate blue is #6A5ACD. Its RGB values are (106, 90, 205) and its HSL values are 248 degrees, 53% saturation, and 58% lightness. These are the values used in CSS and most design tools.

Is Slate Blue a Warm or Cool Color?

Slate blue is a cool color. Its blue-violet base and gray undertones place it firmly in the cool spectrum of the color wheel. It shares that cool, settled quality with colors like periwinkle and powder blue, though it sits darker and more saturated than both.

What Colors Go With Slate Blue?

Slate blue pairs well with warm ivory, terracotta, mustard yellow, sage green, and warm gray. For contrast, muted gold and burnt orange work well without overwhelming its calm, muted tone.

What Is the Difference Between Slate Blue and Slate Gray?

Slate gray (#6D8196) has a much lower saturation and almost no violet presence. Slate blue (#6A5ACD) carries a stronger blue-violet cast and higher saturation overall. Visually, slate gray reads as neutral while slate blue reads as clearly blue-toned.

What Does Slate Blue Symbolize?

Slate blue symbolizes calm, reliability, trust, and quiet confidence. In color psychology, it is associated with introspection and stability, making it a strong choice for professional and wellness-focused contexts where a composed, trustworthy tone matters.

How Do You Mix Slate Blue Paint?

Mix ultramarine blue with titanium white, a small amount of gray, and a touch of violet or quinacridone magenta. Start with the blue base, add white gradually to raise lightness, then adjust the gray and violet until the cool, muted blue-gray tone reads correctly.

Is Slate Blue Good for Interior Design?

Yes. Slate blue works well as a wall color, cabinet finish, or textile tone in bedrooms, living rooms, and kitchens. It creates calm, composed spaces and pairs naturally with warm neutrals like cream and beige.

What Is the CMYK Value of Slate Blue?

The CMYK breakdown for slate blue is C: 48%, M: 56%, Y: 0%, K: 20%. The zero yellow value is what gives it that clean, cool blue-violet quality. On uncoated paper, expect a slight shift toward neutral gray, so always proof before printing.

What Fonts Pair Well With Slate Blue in Design?

Clean sans-serif fonts in white or light gray pair best with slate blue backgrounds, keeping readability strong. For editorial or branding work, a classic serif font in off-white or warm ivory adds contrast without breaking the color’s calm, refined character.

Conclusion

This article presenting slate blue color has covered everything from hex codes and CMYK values to paint mixing, fashion applications, and branding strategy.

What stands out most is how well this grayish blue tone adapts across contexts without losing its core character. It brings balance to bold palettes and depth to neutral ones.

Whether you’re building a color palette for a brand, choosing a wall paint, or working through a mood board, slate blue earns its place as a reliable, sophisticated choice.

Its cool undertones, medium saturation, and natural pairing range make it one of the more versatile muted blue tones available across both digital and print mediums.

Use it with intention and it rarely disappoints.

• Author
• Recent Posts

Bogdan Sandu

Bogdan Sandu is a seasoned designer who has been designing websites since 2008.

Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients.

His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8.

He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.

Latest posts by Bogdan Sandu (see all)

• The Airtable Logo History, Colors, Font, And Meaning - 12 July 2026
• How to Blur Background in Canva: A Quick Tutorial - 11 July 2026
• Typography Trends - 10 July 2026