What is the hex code for MediumVioletRed?

The hex code for MediumVioletRed is #C71585.

What is the RGB value of MediumVioletRed?

The RGB value of MediumVioletRed is rgb(199, 21, 133).

What is the HSL value of MediumVioletRed?

The HSL value of MediumVioletRed is hsl(322, 81%, 43%).

What is the HSV value of MediumVioletRed?

The HSV value of MediumVioletRed is hsv(322, 89%, 78%).

What CSS code do I use for MediumVioletRed?

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

MediumVioletRed Hex #C71585: HTML Color Code & Gradients

MediumVioletRed (#C71585) Color Codes & Gradients

Color Preview

Make a gradient with MediumVioletRed →

Opens MediumVioletRed 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	mediumvioletred
Hex	#C71585
RGB	rgb(199, 21, 133)
HSV	hsv(322, 89%, 78%)
HSL	hsl(322, 81%, 43%)
OKLCH	oklch(55.34% 0.2217 349.69)

What is the color name for #C71585?

#C71585 color name is MediumVioletRed.

Color Information

The HTML color MediumVioletRed has the hexadecimal code #C71585 and in the RGB color space is composed of 78% red, 8% green, and 52% blue. The color MediumVioletRed has a hue angle of 322.2 degrees, a saturation of 80.9% and a lightness of 43.1%.

MediumVioletRed CSS Code Snippets

Background Color

.bg-mediumvioletred { background-color: #C71585; }

Text Color

.text-mediumvioletred { color: #C71585; }

Border Color

.border-mediumvioletred { border: 1px solid #C71585; }

Shade Gradient

.gradient-shade-mediumvioletred { background: linear-gradient(135deg, #C71585, #3D0628); }

Tint Gradient

.gradient-tint-mediumvioletred { background: linear-gradient(135deg, #C71585, #F283C9); }

Monochromatic Gradient

.gradient-mono-mediumvioletred { background: linear-gradient(135deg, #C71585, #C71585); }

MediumVioletRed Shades

#B01376

#991066

#820E57

#6B0B47

#540938

#3D0628

MediumVioletRed Tints

#DE1794

#E827A0

#EB3EAB

#ED55B5

#EF6CBF

#F283C9

MediumVioletRed Tones

#B92381

#AA327E

#9C407A

#8E4E76

#7F5C73

#716B6F

MediumVioletRed Monochromatic

#C71585

#A3116D

#7E0D54

#5A093C

#350624

#11020B

Similar Colors to MediumVioletRed

#C715C0

#C715A9

#C71591

#C71579

#C71561

#C7154A

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