Slate blue color

A medium blue that leans toward violet, with a cool, slightly smoky feel. It is a standard web color and works well for accents in branding and user interfaces.

Slate blue · #6A5ACD

About slate blue

Slate blue (#6A5ACD) is a cool, mid-tone, moderately saturated color. It belongs to the blues family. It mixes 106 red, 90 green and 205 blue (out of 255). It is mostly used in web, branding, UI.

Slate blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

Slate blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Vegas gold

AnalogousClose to: Cornflower blue, Amethyst

TriadicClose to: Terracotta, Pastel green

Split complementaryClose to: Fawn, Pastel green

TetradicClose to: Blush pink, Vegas gold, Medium aquamarine

Slate blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Slate blue

Analogous palette · Slate blue

Complementary palette · Slate blue

Triadic palette · Slate blue

With neutrals palette · Slate blue

With an accent palette · Slate blue

Slate blue contrast with text

White textContrast 5.3:1 · AA

Black textContrast 4.0:1 · AA large text

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --slate-blue: #6A5ACD;
  --slate-blue-rgb: 106, 90, 205;
}
.bg { background-color: var(--slate-blue); }
.text { color: var(--slate-blue); }

Colors similar to slate blue

Royal blue Amethyst Sapphire blue Royal purple Rebecca purple Cobalt blue Grape purple Electric blue Klein blue Denim blue

Frequently asked questions

What is the hex code for slate blue?

The hex code for slate blue is #6A5ACD. In RGB it is rgb(106, 90, 205), in HSL hsl(248, 53%, 58%) and in CMYK 48, 56, 0, 20.

What is the complementary color of slate blue?

Its complement on the color wheel is #BDCD5A, close to vegas gold. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on slate blue?

Yes. The contrast with white is 5.3:1, enough for body text (WCAG AA).