CSS named color
MediumVioletRed
#C71585
HEX
#c71585RGB
rgb(199, 21, 133)HSL
hsl(322, 81%, 43%)OKLCH
oklch(55.34% 0.2217 349.69)NAME
mediumvioletredPalette
Complementary
180° on the color wheelComplement
#15C656
Analogous
±30° around the base hueLeft
#AF15C6
Right
#C6152D
Triadic
±120° for harmonic contrastTriad 1
#85C615
Triad 2
#1585C6
Shades
Lighter and darker variantsCSS usage
By name
color: mediumvioletred;
background-color: mediumvioletred;By HEX
color: #c71585;
background-color: #c71585;By RGB
color: rgb(199, 21, 133);
background-color: rgb(199, 21, 133);By HSL
color: hsl(322, 81%, 43%);
background-color: hsl(322, 81%, 43%);WCAG contrast vs white
Aa
5.42:1
AA
WCAG contrast vs black
Aa
3.87:1
AA (large text)
Related colors
FAQ — MediumVioletRed
What is the HEX code for MediumVioletRed?
The HEX code for MediumVioletRed is #C71585. It's one of the 148 named CSS colors and can be used directly in CSS as color: mediumvioletred; or color: #c71585;
What is MediumVioletRed in RGB?
MediumVioletRed in RGB is rgb(199, 21, 133) — red 199, green 21, blue 133.
What is MediumVioletRed in HSL?
MediumVioletRed in HSL is hsl(322, 81%, 43%) — hue 322°, saturation 81%, lightness 43%.
What is the complementary color of MediumVioletRed?
The complementary color (directly opposite MediumVioletRed on the color wheel) is #15C656. The two together produce maximum contrast.
Is white text readable on MediumVioletRed?
The WCAG contrast ratio against white (#FFFFFF) is 5.42:1, and against black (#000000) it's 3.87:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.