Pink Color Family

Medium Violet Red Color Hex Code, RGB & HSL Values

Browse all Pink Colors

What is the meaning of the Medium Violet Red color?

Medium Violet Red is a deep, vivid pinkish-red color close to cerise. It represents artistic power, premium fashion, and high energy, adding a bold focal point to headers and call-to-actions.

How to use the Medium Violet Red color hex code in HTML & CSS?

Developers can invoke Medium Violet Red color codes in stylesheets using color: #C71585;. For modern CSS frameworks, set it as a variable --color-medium violet red: #C71585;, or implement it in Tailwind using bg-[#C71585].

What are the RGB and HSL codes of Medium Violet Red?

The RGB breakdown for Medium Violet Red is rgb(199, 21, 133). In HSL space, it translates to 322° hue, 81% saturation, and 43% lightness, rendering a highly vivid, intense, and brilliant shade.

CMYK print profiles for Medium Violet Red color

For print design projects using CMYK ink models, Medium Violet Red corresponds to Cyan: 0%, Magenta: 89%, Yellow: 33%, and Black: 22%. These neutral color boundaries serve as solid structural backgrounds, layouts, and typography grids.

Red Channel 199
Green Channel 21
Blue Channel 133
Luminance 0.144

Medium Violet Red Color Space Conversions

Click to copy format
HEX Color Code #C71585
RGB (Red Green Blue) rgb(199, 21, 133)
HSL (Hue Sat Light) hsl(322°, 81%, 43%)
CMYK (Commercial Print) cmyk(0%, 89%, 33%, 22%)
HSV / HSB Values hsv(322°, 89%, 78%)
Decimal Color Code 13047173
CSS Custom Variable --color-hex: #C71585;
Tailwind CSS Utility bg-[#C71585]
CSS Named Color mediumvioletred

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #C71585

Small body copy preview

Black Text on Background

Black text readability test with #C71585

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Medium Violet Red */
--color-hex: #C71585;
--color-rgb: rgb(199, 21, 133);
--color-hsl: hsl(322deg, 81%, 43%);
--color-name: mediumvioletred;

Aa Known Color Aliases

Medium Violet Red mediumvioletred (CSS Identifier) Dark PinkCeriseVivid Magenta Pink

Medium Violet Red Color Meaning

As a notable shade in the pink spectrum, Medium Violet Red embodies the core psychological traits of the pink color family. The pink spectrum is physiologically calming — studies in correctional facilities showed that painting cells a specific shade of pink (Baker-Miller Pink) reduced aggressive behavior in inmates within minutes. It combines the energetic power of red with white's purity, creating a color associated with love, tenderness, and care. In Western cultures, pink has strong gender associations with femininity, though globally it carries different meanings — in Japan it represents good health and prosperity. Hot pinks and magentas convey energy and confidence, while pastels suggest sweetness and innocence. Pink is increasingly used across all demographics as brands seek to communicate approachability and emotional warmth.

Emotions & Associations

WarmthCompassionNurturingRomance

Industries

FashionHealthcareChildren

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!