What does the color DarkSlateBlue mean?

Indigo

DarkSlateBlue

#483d8b

#6d64a2

#918bb9

#b6b1d1

#dad8e8

#534a89

Meaning

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

History

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

Usage

Use DarkSlateBlue (#483d8b) in CSS as color: darkslateblue; or as #483d8b.

Indigo

DarkSlateBlue

#483D8B

Accessibility

AAA

9.07:1

Vs white / black

9.07:1 · 2.32:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#483d8b

RGB

rgb(72, 61, 139)

RGBA

rgba(72, 61, 139, 1)

HSL

hsl(248, 39%, 39%)

HSV

hsv(248, 56%, 55%)

LAB

lab(30.83% 26.05 -42.08)

LCH

lch(30.83% 49.49 301.76)

OKLAB

oklab(0.4143 0.0345 -0.12)

OKLCH

oklch(0.4143 0.1249 286.04)

XYZ

xyz(9.00, 6.58, 25.22)

CMYK

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

CSS

color: #483d8b;

CSS variable

--color-483d8b: #483d8b;

SCSS

$color-483d8b: #483d8b;

Tailwind

indigo-600

Export

Developer code

:root {
  --darkslateblue-1: #483d8b;
}

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

f0eff5 e1dfec d1cfe2 c2bed8 b3aecf a49ec5 948ebb 857eb2 766ea8 675d9e 574d95 483d8b 42387f 3c3374 362e68 30295d 2a2451 241f46 1e193a 18142e 120f23 0c0a17 06050c

Palette

Tints

Mixed toward white — soft backgrounds and highlights

f0eff5 e1dfec d1cfe2 c2bed8 b3aecf a49ec5 948ebb 857eb2 766ea8 675d9e 574d95

Palette

Shades

Mixed toward black — depth, text, and emphasis

42387f 3c3374 362e68 30295d 2a2451 241f46 1e193a 18142e 120f23 0c0a17 06050c

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

4d438a 514889 564e88 5b5387 5f5986 645f86 696485 6d6a84 726f83 777582 7b7a81

Harmony

Complementary

Opposite on the color wheel for contrast

#483D8BStop 1 #808A3DStop 2

Harmony

Analogous

Neighbors that sit comfortably together

#3D598AStop 1 #483D8BStop 2 #6E3D8AStop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#483D8BStop 1 #8A473DStop 2 #3D8A47Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#483D8BStop 1 #8A6E3DStop 2 #598A3DStop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#241F47Stop 1 #40367CStop 2 #5B4EB1Stop 3 #8C83C9Stop 4 #BDB8E0Stop 5

Meaning

Color psychology

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

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

Related shades & tints

#6d64a2

#918bb9

#b6b1d1

#dad8e8

#534a89

#5e5887

#6a6584

#757382

Similar colors

#383e8a

#494899

#383588

#3c449a

#30408d

#2c3287

#322f74

#24358a

Browse more in the color name library.