UI Shades

A study in indigo

Slate Blue

#6A5ACD

Family
Indigo
L
0.544
C
0.171
H
286°

Notes

Slate Blue is the muted, slightly purple-leaning blue-gray of stratified rock. The CSS hex sits at mid-low lightness with moderate chroma in the indigo zone. Editorial, financial, and architectural brands use it as a primary identity colour - often against cream for warmth or with warm gold for a heritage accent. Against white it passes body text contrast in most sizes and works as a sophisticated alternative to standard navy. Body text in Slate Blue against white passes AA at body sizes; AAA holds at headline sizes.

#6a5acd
Slate Blue
Slate Blue
#6a5acd
oklch(0.544 0.171 285.54)
rgb(106 90 205)
hsl(248.3 53.5% 57.8%)
Share
#f8f8ff
#f1f1ff
#e1e0ff
#ceccff
#aca5ff
#8477ed
#6a5acd
#5949b4
#403288
#2b1f61
#160e38

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Slate Blue

Cross-reference
Q&A

Frequently asked questions

What is Slate Blue?

Slate Blue is the muted, slightly purple-leaning blue-gray of stratified rock. The CSS hex sits at mid-low lightness with moderate chroma in the indigo zone. Its hex code is #6A5ACD.

What are the tints and shades of Slate Blue?

uishades builds an 11-step OKLCH ramp for Slate Blue (#6A5ACD) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Slate Blue?

Its complementary color is #7C7300. Triadic partners are #BB4400 and #00885C; analogous neighbours are #9549B2 and #156DD0.

What are the OKLCH and RGB values of Slate Blue?

Slate Blue is #6A5ACD - OKLCH 0.544 0.171 286°, rgb(106 90 205), in the indigo family.