What does the color SlateBlue mean?

Indigo

SlateBlue

#6a5acd

#887bd7

#a69ce1

#c3bdeb

#e1def5

#6e62be

Meaning

Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.

History

SlateBlue is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use SlateBlue (#6a5acd) in CSS as color: slateblue; or as #6a5acd.

Preview

SlateBlue

#6a5acd

Overview

Family: Indigo

Accessibility on this swatch:

(5.31:1)

Contrast vs white: 5.31:1 · vs black: 3.96:1

Formats

HEX

#6a5acd

RGB

rgb(106, 90, 205)

RGBA

rgba(106, 90, 205, 1)

HSL

hsl(248, 53%, 58%)

HSV

hsv(248, 56%, 80%)

LAB

lab(45.34% 36.04 -57.77)

LCH

lch(45.34% 68.09 301.96)

OKLAB

oklab(0.5436 0.0459 -0.165)

OKLCH

oklch(0.5436 0.1713 285.55)

XYZ

xyz(20.62, 14.78, 59.51)

CMYK

cmyk(48%, 56%, 0%, 20%)

CSS

color: #6a5acd;

CSS variable

--color-6a5acd: #6a5acd;

SCSS

$color-6a5acd: #6a5acd;

Tailwind

indigo-400

Export

Developer code

:root {
  --slateblue-1: #6a5acd;
}

Color psychology

Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Indigo family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#887bd7

#a69ce1

#c3bdeb

#e1def5

#6e62be

#7369ae

#77719f

#7c788f

Similar colors

#6258d0

#6d66d6

#5e60cf

#5b5fdc

#4d4fc7

#4e5ed4

#6c63e3

#6a6ee2

Browse more in the color name library.