What is the HEX code for MediumSlateBlue?

The HEX code for MediumSlateBlue is #7B68EE.

What is the RGB value for MediumSlateBlue?

MediumSlateBlue uses RGB values 123,104,238.

Can I use MediumSlateBlue directly in CSS?

Yes. You can use the named CSS color mediumslateblue, the HEX value #7B68EE, or rgb(123,104,238).

HTML named color

MediumSlateBlue color code

Use the MediumSlateBlue HTML color with HEX #7B68EE, RGB 123,104,238 and HSL 249,80%,67%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast Convert to OKLCH

Bleus

#7B68EE

rgb(123,104,238)

HEX

#7B68EE

RGB

rgb(123,104,238)

HSL

hsl(249,80%,67%)

OKLCH

oklch(60.4% 0.194 285.5)

CSS name

mediumslateblue

How to use this color

MediumSlateBlue 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-medium-slate-blue {
  color: #7B68EE;
}

.bg-medium-slate-blue {
  background-color: mediumslateblue;
}

.border-medium-slate-blue {
  border-color: rgb(123,104,238);
}