What is the HEX code for MediumPurple?

The HEX code for MediumPurple is #9370DB.

What is the RGB value for MediumPurple?

MediumPurple uses RGB values 147,112,219.

Can I use MediumPurple directly in CSS?

Yes. You can use the named CSS color mediumpurple, the HEX value #9370DB, or rgb(147,112,219).

HTML named color

MediumPurple color code

Use the MediumPurple HTML color with HEX #9370DB, RGB 147,112,219 and HSL 260,60%,65%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast Convert to OKLCH

Violets

#9370DB

rgb(147,112,219)

HEX

#9370DB

RGB

rgb(147,112,219)

HSL

hsl(260,60%,65%)

OKLCH

oklch(62.7% 0.158 296.7)

CSS name

mediumpurple

How to use this color

MediumPurple 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-purple {
  color: #9370DB;
}

.bg-medium-purple {
  background-color: mediumpurple;
}

.border-medium-purple {
  border-color: rgb(147,112,219);
}