Medium Violet Red Color (#C71585)
Medium Violet Red is a CSS named color defined as hex code #C71585. At RGB(199, 21, 133) it is the darkest of the pink-range CSS named colors, a deep berry tone with a clear violet lean.
Color Overview & Formats
mediumvioletredLuminance: 0.1437| Format | Syntax / Values | Notes | Action |
|---|---|---|---|
| HEX | #C71585 | 6-digit hex web code | |
| RGB | rgb(199, 21, 133) | Red, Green, Blue channels (0-255) | |
| HSL | hsl(322, 81%, 43%) | Hue (322°), Saturation (81%), Lightness (43%) | |
| HSV / HSB | hsv(322, 89%, 78%) | Hue, Saturation (89%), Value/Brightness (78%) | |
| CMYK | cmyk(0%, 89%, 33%, 22%) | Digital mathematical approximation (non-print) | |
| OKLCH | oklch(0.553 0.222 349.7) | Perceptually uniform color space (CSS Color 4 approximation) |
background-color: #C71585; /* or mediumvioletred */- Select color format: Choose the desired format (HEX #C71585, RGB, or HSL).
- Copy the code: Click the copy button or press Tab+Enter to store in clipboard.
- Pair with white text: White text on Medium Violet Red reaches 5.42:1 (WCAG AA).
What Colors Go With Medium Violet Red?
These 5 colors all go well with Medium Violet Red (#C71585), and each one is a standard CSS named color. The ratio is the WCAG 2.2 contrast of that color on Medium Violet Red: at 4.5:1 or above it works for text; below that, use it for backgrounds and accents.
Harmonious Palettes & Tints
The palettes below are algorithmically generated across standard intervals based on Medium Violet Red (HSL 322°). Each group offers full palette copy and live preview:
Complementary Harmony
Hue rotated 180 degrees on the HSL wheel (322° to 142°), keeping the original saturation and lightness.
Analogous Harmony
Hues 30 degrees either side (292° and 352°), keeping the original saturation and lightness.
Triadic Harmony
Hues spaced evenly by 120 degrees (82° and 202°), keeping the original saturation and lightness.
Tints & Shades
Mixed with white (tints) and black (shades) in sRGB at 60% and 30%.
WCAG 2.2 Text Readability & Contrast Check
Under WCAG 2.2 criteria, regular body text requires at least 4.5:1 (AA) and large text requires at least 3.0:1. The table below displays calculated contrast ratios:
| Foreground Color | Contrast Ratio | Normal Text (AA) | Large Text (AA) | Normal Text AAA (>= 7.0:1) |
|---|---|---|---|---|
Pure Black (#000000) | 3.87:1 | Fail | Pass | Fail |
Pure White (#FFFFFF) | 5.42:1 | Pass | Pass | Fail |
Dark Charcoal (#212529) | 2.85:1 | Fail | Fail | Fail |
Mid Gray (#666666) | 1.06:1 | Fail | Fail | Fail |
Interactive Contrast Tester
Enter text foreground and background colors to verify WCAG legibility:
This is sample body text rendered directly to verify contrast and readability.
Medium Violet Red Background Download
Download standard 1920x1080 solid desktop wallpaper or generate mobile wallpaper:
Standard Wallpaper: 1920x1080 PNG (#C71585)Download Options
All wallpaper files precisely match the W3C standard color value:
CSS Standard & Usage Notes
mediumvioletred = #c71585 (rgb(199, 21, 133))
UI Design & Accessibility Guidelines
Unlike the lighter pinks, Medium Violet Red takes white text: white on it passes WCAG AA at every size, while black text only passes for large text. It works well for buttons, headers and bold brand accents.
Frequently Asked Questions (FAQ)
Can I use black text on Medium Violet Red?
Only for large text. Black text on Medium Violet Red has a WCAG 2.2 contrast ratio of 3.87:1: enough for large text (3:1) but below the 4.5:1 needed for body text.
Can I use white text on Medium Violet Red?
Yes. White text on Medium Violet Red has a WCAG 2.2 contrast ratio of 5.42:1, which passes AA (4.5:1) for all text sizes but not the stricter AAA level (7:1) for body text.
What colors go with Medium Violet Red?
White, Lavender, Gold, Silver and Black all go well with Medium Violet Red. White (5.42:1) has enough contrast for text on Medium Violet Red; Lavender, Gold, Silver and Black work better as a background or accent.
Is Medium Violet Red pink or purple?
It is a pink-purple. Its hue of 322° sits between Deep Pink (328°) and magenta (300°), so it reads as a deep berry pink with a violet cast.