Medium Violet Red hex code
The hex code for medium violet red is #C71585. In RGB that is rgb(199, 21, 133) and in HSL it is hsl(322, 81%, 43%).
The hex code for medium violet red is #C71585. In RGB that is rgb(199, 21, 133) and in HSL it is hsl(322, 81%, 43%).
Medium Violet Red · #C71585
Colour codes
- HEX
- #C71585
- RGB
- rgb(199, 21, 133)
- HSL
- hsl(322, 81%, 43%)
- CMYK
- 0, 89, 33, 22
- CSS name
- mediumvioletred
- Contrast on white
- 5.42:1
- Contrast on black
- 3.87:1
Tints and shades
20% lighter · #d2449d
40% lighter · #dd73b6
60% lighter · #e9a1ce
80% lighter · #f4d0e7
20% darker · #9f116a
40% darker · #770d50
60% darker · #500835
80% darker · #28041b
Complementary colour
Medium Violet Red · #C71585
Opposite on the colour wheel · #15c656
Frequently asked questions
What is the hex code for medium violet red?
The hex code for medium violet red is #C71585. In RGB that is rgb(199, 21, 133) and in HSL it is hsl(322, 81%, 43%).
Can I use medium violet red for text?
It has a contrast ratio of 5.42:1 on white and 3.87:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with medium violet red?
Its complementary colour, opposite on the colour wheel, is #15C656. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of medium violet red instead.
Is medium violet red a CSS colour name?
Yes. CSS accepts the keyword mediumvioletred, so color: mediumvioletred and color: #C71585 render exactly the same.