UI Shades

A study in pink

Medium Violet Red

#C71585

Family
Pink
L
0.553
C
0.222
H
350°

Notes

Medium Violet Red is a deep, slightly pink-leaning magenta with strong chroma at mid lightness. The CSS hex reads as confident and slightly theatrical, useful as a primary accent for cosmetic, fashion, or arts brands. Pair with cream for a softer palette, or with deep teal for complementary contrast. Against white it passes contrast for headlines and most body text. Large-area use lives in hero sections; the saturation makes it heavy for full-page backgrounds. AA passes at body sizes; AAA holds at headline sizes only, so verify smaller text carefully.

#c71585
Medium Violet Red
Medium Violet Red
#c71585
oklch(0.553 0.222 349.69)
rgb(199 21 133)
hsl(322.2 80.9% 43.1%)
Share
#fff1fe
#ffe8f9
#ffd2ec
#ffb6df
#ff79c6
#e53d9f
#c71585
#aa006f
#800051
#5b0037
#34001e

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Medium Violet Red

Cross-reference
Q&A

Frequently asked questions

What is Medium Violet Red?

Medium Violet Red is a deep, slightly pink-leaning magenta with strong chroma at mid lightness. The CSS hex reads as confident and slightly theatrical, useful as a primary accent for cosmetic, fashion, or arts brands. Its hex code is #C71585.

What are the tints and shades of Medium Violet Red?

uishades builds an 11-step OKLCH ramp for Medium Violet Red (#C71585) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Medium Violet Red?

Its complementary color is #008A66. Triadic partners are #797800 and #007FB0; analogous neighbours are #D50138 and #A733C1.

What are the OKLCH and RGB values of Medium Violet Red?

Medium Violet Red is #C71585 - OKLCH 0.553 0.222 350°, rgb(199 21 133), in the pink family.