What does the color MediumVioletRed mean?

Pink

MediumVioletRed

#c71585

#d2449d

#dd73b6

#e9a1ce

#f4d0e7

#b92a84

Meaning

Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.

History

MediumVioletRed is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use MediumVioletRed (#c71585) in CSS as color: mediumvioletred; or as #c71585.

Preview

MediumVioletRed

#c71585

Overview

Family: Pink

Accessibility on this swatch:

(5.42:1)

Contrast vs white: 5.42:1 · vs black: 3.87:1

Formats

HEX

#c71585

RGB

rgb(199, 21, 133)

RGBA

rgba(199, 21, 133, 1)

HSL

hsl(322, 81%, 43%)

HSV

hsv(322, 89%, 78%)

LAB

lab(44.77% 70.99 -15.17)

LCH

lch(44.77% 72.59 347.94)

OKLAB

oklab(0.5534 0.2181 -0.0397)

OKLCH

oklch(0.5534 0.2217 349.68)

XYZ

xyz(28.06, 14.38, 23.48)

CMYK

cmyk(0%, 89%, 33%, 22%)

CSS

color: #c71585;

CSS variable

--color-c71585: #c71585;

SCSS

$color-c71585: #c71585;

Tailwind

pink-500

Export

Developer code

:root {
  --mediumvioletred-1: #c71585;
}

Color psychology

Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Pink family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#d2449d

#dd73b6

#e9a1ce

#f4d0e7

#b92a84

#ab4083

#9c5582

#8e6b81

Similar colors

#ff1493

#ff69b4

#8b008b

#800080

#da70d6

#db7093

#ba55d3

#ee82ee

Browse more in the color name library.