Slate blue

#6A5ACD

Blue-Violet Family →

What Color is Slate blue

Slate blue (#6A5ACD) is a distinctive hybrid sitting comfortably between the calm of blue and the mystique of violet. This medium-dark shade evokes a sense of intellectual depth and quiet stability. Unlike a true grey-blue, this web-standard variation retains a surprising amount of vivid saturation.

What color is opposite Slate blue?

The opposite color to Slate blue is Celery (#becd5b).

View Celery

Additional Information

  • Color Family: Blue-Violet
  • Temperature: Cool
  • Associated Season: Spring
  • Complementary Color: #BECD5B
  • Brightness: 108/255
  • Saturation: 56%

Colors That Pair Well With Slate blue

Complementary

Pair with Celery for a harmonious, balanced look. Great for backgrounds and accents.

#6A5ACD#becd5b

High Contrast

Use Citron for maximum readability. Ideal for text or critical UI elements.

#6A5ACD#95a532

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#a69ce1#352d67

Slate blue History

The term dates back to the early 18th century, originally referencing the greyish-blue hue of weathered metamorphic rock found in nature. However, the specific digital iteration #6A5ACD emerged much later during the 1980s as part of the X11 color system, created to standardize digital graphics for early computer displays.

In art history, similar blue-violet hues were expensive to produce until the invention of synthetic pigments like Cobalt Violet in the 19th century. Impressionist painters utilized these cool, intermediate tones to render complex shadows on skin or fabric, moving away from black to create atmospheric depth.

Meaning & Psychology

This shade stimulates high-level introspection and mental clarity. Because it leans towards violet, it carries a vibration of spiritual wisdom without the aggressive energy of red-based purples or the melancholy of grey.

Designers often rely on its ability to project trustworthiness while maintaining a creative edge. It suggests a personality that is reserved yet deeply imaginative, avoiding the clinical coldness of pure blue to foster a sense of empathetic logic.

In Nature

While true slate rock is greyer, this specific violet-blue appears in the petals of the periwinkle flower and varieties of lavender. It is arguably most visible during astronomical twilight, where the scattering light turns the sky into a deep, velvety indigo-violet. Rare minerals like tanzanite also exhibit this shifting, pleochroic hue.

How To Use Slate blue

In user interface design, this color serves as an excellent background that reduces fatigue caused by high-contrast screens. It functions as a sophisticated neutral in creative palettes, pairing exceptionally well with metallics like silver or muted golds.

To ensure compliance with accessibility standards, always pair this shade with pure white typography, as black text will lack sufficient contrast. It is particularly effective for corporate branding in the technology and wellness sectors, where it communicates stability and innovation.

Related Words

metamorphicdigitalpigmentsshadowsdepthintrospectionwisdomtrustworthinessimaginativeperiwinklelavenderskytanzanitefatigueneutralaccessibilitycorporate

Curated Palettes

#6A5ACD
#E6E6FA
#778899
#F0F8FF
#2F4F4F

Alpine Twilight

A cool, atmospheric palette mimicking mountain shadows on snow.

#6A5ACD
#D4AF37
#F5F5DC
#483D8B
#A9A9A9

Gilded Scholar

Sophisticated pairing of slate blue with warm metallics for high-end branding.

#6A5ACD
#98FB98
#FF7F50
#40E0D0
#FFFFFF

Botanical Vivid

A punchy, nature-inspired split-complementary scheme.

Color Conversions

Hex
#6A5ACD
RGB
106, 90, 205
RGB %
42%, 35%, 80%
HSL
248°, 53%, 58%
HSV
248°, 56%, 80%
CMYK
48%, 56%, 0%, 20%
LAB
45.34, 36.05, -57.78
XYZ
20.62, 14.78, 59.52

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #6A5ACD;
Text Color (RGB)
Aa
color: rgb(106, 90, 205);
Background Color
background-color: #6A5ACD;
Border
border: 3px solid #6A5ACD;
Box Shadow
box-shadow: 0 4px 12px #6A5ACD66;
Gradient
background: linear-gradient(135deg, #6A5ACD 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in Slate blue

This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.

MaterialEco Velvet
Size30cm x 30cm
Color
Slate blue

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.
  • Print: Double-sided, all-over 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 Slate blue?

Explore color palettes containing Slate 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

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Prismacolor

China Blue

#PC1100#315AC7

Buy

Prismacolor

Slate Grey

#PC936#347E8F

Buy

Caran d'ache Luminance 6901

Payne’s Grey 30%

#504#8695A5

Buy

Caran d'ache Luminance 6901

Ultramarine

#140#1E5CDA

Buy

Polychromos

bluish turquoise

#149#0077A2

Buy

Polychromos

Delft blue

#141#484F9F

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Slate blue?
The hex code for Slate blue is #6A5ACD. The RGB values are (106, 90, 205). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Slate blue?
Slate blue pairs well with its complementary color, Celery (#becd5b). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Slate blue accessible for text?
No, Slate blue is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Slate blue in CSS?

You can use Slate blue in CSS with its hex code. Here is an example class:

.slate-blue {
  background-color: #6A5ACD;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.