What is the hex code for MediumPurple?

The hex code for MediumPurple is #9370DB.

What is the RGB value of MediumPurple?

The RGB value of MediumPurple is rgb(147, 112, 219).

What is the HSL value of MediumPurple?

The HSL value of MediumPurple is hsl(260, 60%, 65%).

What is the HSV value of MediumPurple?

The HSV value of MediumPurple is hsv(260, 49%, 86%).

What CSS code do I use for MediumPurple?

Use background-color: #9370DB; for background, color: #9370DB; for text, or border: 1px solid #9370DB; for borders.

MediumPurple Hex #9370DB: HTML Color Code & Gradients

MediumPurple (#9370DB) Color Codes & Gradients

Color Preview

Make a gradient with MediumPurple →

Opens MediumPurple with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	mediumpurple
Hex	#9370DB
RGB	rgb(147, 112, 219)
HSV	hsv(260, 49%, 86%)
HSL	hsl(260, 60%, 65%)
OKLCH	oklch(62.69% 0.158 296.67)

What is the color name for #9370DB?

#9370DB color name is MediumPurple.

Color Information

The HTML color MediumPurple has the hexadecimal code #9370DB and in the RGB color space is composed of 58% red, 44% green, and 86% blue. The color MediumPurple has a hue angle of 259.6 degrees, a saturation of 59.8% and a lightness of 64.9%.

MediumPurple CSS Code Snippets

Background Color

.bg-mediumpurple { background-color: #9370DB; }

Text Color

.text-mediumpurple { color: #9370DB; }

Border Color

.border-mediumpurple { border: 1px solid #9370DB; }

Shade Gradient

.gradient-shade-mediumpurple { background: linear-gradient(135deg, #9370DB, #532AA7); }

Tint Gradient

.gradient-tint-mediumpurple { background: linear-gradient(135deg, #9370DB, #DDD2F4); }

Monochromatic Gradient

.gradient-mono-mediumpurple { background: linear-gradient(135deg, #9370DB, #7B5DB7); }

MediumPurple Shades

#8760D7

#7A4FD3

#6E3FCF

#6332C7

#5B2EB7

#532AA7

MediumPurple Tints

#9F80DF

#AC91E3

#B8A1E7

#C4B1EB

#D1C1F0

#DDD2F4

MediumPurple Tones

#977CCF

#9B87C4

#9F93B8

#A39FAC

#A5A5A5

MediumPurple Monochromatic

#7B5DB7

#624B92

#4A386E

#312549

#191325

#000000

Similar Colors to MediumPurple

#7071DB

#7E70DB

#8C70DB

#9A70DB

#A870DB

#B770DB

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator