What is the HEX code for DarkSlateBlue?

The HEX code for DarkSlateBlue is #483D8B.

What is the RGB value for DarkSlateBlue?

DarkSlateBlue uses RGB values 72,61,139.

Can I use DarkSlateBlue directly in CSS?

Yes. You can use the named CSS color darkslateblue, the HEX value #483D8B, or rgb(72,61,139).

HTML named color

DarkSlateBlue color code

Use the DarkSlateBlue HTML color with HEX #483D8B, RGB 72,61,139 and HSL 248,39%,39%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast Convert to OKLCH

Bleus

#483D8B

rgb(72,61,139)

HEX

#483D8B

RGB

rgb(72,61,139)

HSL

hsl(248,39%,39%)

OKLCH

oklch(41.4% 0.125 286.0)

CSS name

darkslateblue

How to use this color

DarkSlateBlue can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.

CSS examples

.text-dark-slate-blue {
  color: #483D8B;
}

.bg-dark-slate-blue {
  background-color: darkslateblue;
}

.border-dark-slate-blue {
  border-color: rgb(72,61,139);
}