Mediumvioletred

mediumvioletred is a CSS color keyword. The closest Tailwind step is pink-500 (#ec4899).

#c71585rgb(199, 21, 133)
Hex
#c71585
RGB
199, 21, 133
HSL
322°, 81%, 43%
OKLCH
55.3% 0.222 349.7
LAB
44.8 71.0 -15.2

Open #c71585 in the explorer

Text contrast

Black or white text on #c71585. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text3.9:1 FailAPCA Lc 31
White text5.4:1 AAAPCA Lc -79

Color vision

How #c71585 looks in simulations of color blindness, at full severity.

Full color
#c71585
Protanopia
#3d5787
Deuteranopia
#707481
Tritanopia
#d6004f

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to mediumvioletred.

50100200300400500600700800900950

Copy into CSS

color: mediumvioletred;
background: #c71585;
@theme {
  --color-mediumvioletred-50: #fff1f7;
  --color-mediumvioletred-100: #ffddec;
  --color-mediumvioletred-200: #ffb9da;
  --color-mediumvioletred-300: #ff85c3;
  --color-mediumvioletred-400: #f54dac;
  --color-mediumvioletred-500: #d1248d;
  --color-mediumvioletred-600: #ac0071;
  --color-mediumvioletred-700: #860058;
  --color-mediumvioletred-800: #63003f;
  --color-mediumvioletred-900: #420029;
  --color-mediumvioletred-950: #200011;
}