Mediumvioletred Color — HEX, RGB, HSL & CMYK Codes

#c71585
Format Value
HEX #c71585
RGB rgb(199, 21, 133)
HSL hsl(322.2, 80.9%, 43.1%)
CMYK cmyk(0%, 89.4%, 33.2%, 22%)
HSV hsv(322.2, 89.4%, 78%)

mediumvioletred color harmonies

Tints & shades of mediumvioletred

Tints (lighter)

#cc2a90 #d1409b #d655a6 #db6ab1 #e07fbc #e695c8 #ebaad3 #f0bfde #f5d4e9 #faeaf4

Shades (darker)

#b51379 #a3116d #910f61 #7f0d55 #6d0b49 #5a0a3c #480830 #360624 #240418 #12020c

Contrast & accessibility

The quick brown fox

On white · 5.42:1 · AA

The quick brown fox

On black · 3.87:1 · AA Large

Recommended text color: #ffffff

Use mediumvioletred in code

CSS color: #c71585;
SCSS $color: #c71585;
Tailwind bg-[#c71585]
Swift UIColor(red: 0.780, green: 0.082, blue: 0.522, alpha: 1)
Android Color.parseColor("#c71585")
Flutter Color(0xFFC71585)

Colors similar to mediumvioletred

Browse all Pink colors →

What is the HEX code for mediumvioletred?

The CSS color mediumvioletred in HEX format is #c71585. Use this value directly in CSS, SVG, and most design tools.

How do I use mediumvioletred in CSS?

To apply mediumvioletred in CSS:

  • Text color: color: #c71585;
  • Background: background-color: #c71585;
  • Border: border-color: #c71585;

What are all the color format values for mediumvioletred?

FormatValue
HEX#c71585
RGBrgb(199, 21, 133)
HSLhsl(322.2, 80.9%, 43.1%)
CMYKcmyk(0%, 89.4%, 33.2%, 22%)

How do I convert mediumvioletred to HEX?

Select mediumvioletred from the color name list in our color converter. The HEX value — #c71585 — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does mediumvioletred belong to?

mediumvioletred belongs to the pink color family. It is a medium, vivid color with HSL values: hue 322.2°, saturation 80.9%, lightness 43.1%.

How do I create lighter and darker shades of mediumvioletred?

Lighter variant (lightness 58.1%): #eb3eab. Darker variant (lightness 28.1%): #820e57. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HEX used for?

HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.