#6A5ACD
Blue family

Slate Blue

Also known as: calm · serene · muted · earthy · melancholic
Save
Hex #6A5ACD
RGB rgb(106, 90, 205)
HSL hsl(248°, 53%, 58%)
CMYK 48 · 56 · 0 · 20
CSS slateblue

Meaning

In Western cultures, Slate Blue often signifies tranquility and stability, making it a popular choice for serene spaces. Conversely, in some Eastern traditions, blue can symbolize immortality and protection, showcasing its multifaceted significance across different cultures.

The term 'slate blue' emerged in the 19th century, reflecting the color of the slate rock used in roofing and flooring. Its use in art and design grew alongside the Romantic movement, with artists like J.M.W. Turner popularizing similar shades in their landscapes.

calmserenemutedearthymelancholic

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Slate Blue. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 45 Blues →

Shades & tints

Nine steps of Slate Blue by lightness — from #372F6B (darkest) to #B2A9E5 (lightest). Click any to copy.

-40% #372F6B
-30% #443A83
-20% #51449C
-10% #5D4FB4
BASE #6A5ACD
+15% #7C6ED3
+30% #8E82D9
+50% #A095DF
+70% #B2A9E5

Complementary

Sitting opposite Slate Blue at 68° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Slate Blue.

#6A5ACD
#FFB6C1
#F5F5F5
#4682B4
#8B4513

Twilight Reflections

Soft Serenity
#6A5ACD
#2F4F4F
#D3D3D3
#A9A9A9
#4B0082

Stormy Skies

Dramatic Contrast
#6A5ACD
#FFD700
#FFFFFF
#228B22
#8B0000

Nature's Palette

Vibrant Harmony

Slate Blue scale

A 50–900 tonal scale with Slate Blue anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F3F2FB
100 #E4E1F6
200 #C6C0EC
300 #A99FE2
400 #897DD8
500 #6A5ACD
600 #574AA8
700 #463B87
800 #352D67
900 #241F46

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 5.31:1
Slate Blue as text on… Ratio AA AAA
Aa White background 5.31:1 Pass Large only
Aa Black background 3.96:1 Large only Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #6A5ACD

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: slateblue;
CSS color-mix (lighten 30%) color-mix(in srgb, slateblue 70%, white)
HSV / HSB 248°, 56%, 80%
CMYK (print) 48, 56, 0, 20
Decimal 6970061
Nearest web-safe #6666CC

Color vision

How Slate Blue appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#6A5ACD

Protanopia (no red)

#6363B1

Deuteranopia (no green)

#6465AB

Tritanopia (no blue)

#699B96
Egyptian Blue
39 / 45 Blues Majorelle Blue
Copied!