Medium Violet Red #C71585
Medium Violet Red is a medium-dark, vivid red with hex code #C71585 and RGB rgb(199, 21, 133).
Aa
White text reads best on this color (5.42:1).
About this color
#C71585 is a medium-dark, vivid red. In OKLCH its lightness is 55%, its chroma 0.222 and its hue 350°. Its hue sits on the warm side of the wheel. It is the named color Medium Violet Red. White text reads best on it, at 5.42:1.
| Hue family | Reds |
| Lightness | medium-dark (55%) |
| Chroma | vivid (0.222) |
| Temperature | warm |
| Nearest name | Medium Violet Red |
| Black text | 3.87:1 |
| White text | 5.42:1 |
Colors that go with Medium Violet Red
Matches found by rotating Medium Violet Red around the OKLCH hue wheel, each labelled with the closest name in our list.
Complementary
The opposite hue (180°).
Analogous
Neighbouring hues, 30° either side.
Triadic
Three hues spaced 120° apart.
Color palettes with Medium Violet Red
Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Medium Violet Red, closest first.
Similar named colors
The eight named colors closest to Medium Violet Red, with their ΔE distance.
- Dark Hot Pink #D90166 ΔE 0.061
- Cerise #DE0C62 ΔE 0.074
- Dark Pink #CB416B ΔE 0.078
- Purpley Pink #C83CB9 ΔE 0.083
- Deep Rose #C74767 ΔE 0.090
- Lipstick #D5174E ΔE 0.092
- Ruby #CA0147 ΔE 0.092
- Red Violet #9E0168 ΔE 0.096
More about Medium Violet Red
How to make Medium Violet Red
A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.
- 2 parts purple
- 2 parts pink
- 1 part red
Recipe result: #A6528B, a difference of ΔE 0.093 from Medium Violet Red. Medium Violet Red is more vivid than these paints can mix, so start from a ready-made pink paint and adjust it.
Codes for Medium Violet Red in every format
| HEX | #C71585 |
| RGB | rgb(199, 21, 133) |
| HSL | hsl(322, 81%, 43%) |
| OKLCH | oklch(55.3% 0.222 349.7) |
Contrast
WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.
| Pair | WCAG 2 | Result | APCA | APCA guidance |
|---|---|---|---|---|
| White text on #C71585 | 5.42:1 | AA | Lc -80.4 | Fine for body text |
| Black text on #C71585 | 3.87:1 | AA large text | Lc 29.1 | Dividers and decoration only |
| #C71585 text on white | 5.42:1 | AA | Lc 75.0 | Fine for body text |
| #C71585 text on black | 3.87:1 | AA large text | Lc -26.7 | Dividers and decoration only |
Shades and tints of Medium Violet Red
A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 600.
-
Step 50
50
#FDF2F7
oklch(97.1% 0.013 347.9)
-
Step 100
100
#FAE2ED
oklch(93.5% 0.03 348.2)
-
Step 200
200
#F7CBDE
oklch(88.5% 0.055 350.5)
-
Step 300
300
#F2A6CA
oklch(80.9% 0.1 349.6)
-
Step 400
400
#E872AF
oklch(70.7% 0.161 349.7)
-
Step 500
500
#DD469B
oklch(63.2% 0.203 349.8)
-
Step 600
600 (this color)
#C71585
oklch(55.3% 0.222 349.7)
-
Step 700
700
#AC0071
oklch(49.1% 0.205 349.8)
-
Step 800
800
#8C0C5C
oklch(42.7% 0.17 349.9)
-
Step 900
900
#71184C
oklch(37.8% 0.133 349.7)
-
Step 950
950
#42102C
oklch(26.9% 0.084 349.7)
Medium Violet Red with color blindness
Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.
| Vision | Seen as | Shift (ΔE) |
|---|---|---|
| Protanopia (no red cones) | #3D5787 | 0.253 |
| Deuteranopia (no green cones) | #707481 | 0.218 |
| Tritanopia (no blue cones) | #D6004F | 0.088 |
| Achromatopsia (no color) | #6A6A6A | 0.224 |
Use Medium Violet Red in your product
Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.