A vivid medium pink, white text passes AA
What color is mediumvioletred?
The CSS named color mediumvioletred is #c71585, or rgb(199 21 133): a vivid medium pink in plain words. White text on it reaches 5.42:1, passing WCAG AA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | mediumvioletred |
| Hex | #c71585 |
| RGB | rgb(199 21 133) |
| HSL | hsl(322 81% 43%) |
| OKLCH | oklch(55.3% 0.222 349.7) |
| Nearest Tailwind color | pink-700 #c6005c, 0.062 away in OKLab |
| White text | 5.42:1: AA passes, AAA fails, large text passes |
| Black text | 3.87:1: AA fails, AAA fails, large text passes |
About mediumvioletred
Measured in OKLCH, mediumvioletred comes out at lightness 55.3%, chroma 0.222 and hue 349.7 degrees: a vivid medium pink.
Its lightness is 43% in HSL and 55.3% in OKLCH, 12 points apart; only the second tracks how light it looks. CSS has no keyword in its neighborhood; deeppink (#ff1493) is the nearest, a long 0.113 away in OKLab.
White is the ink for mediumvioletred: 5.42:1 passes AA for body text, where black stops at 3.87:1. Its neighbors in the hue-sorted list of names are deeppink and white.
The closest Tailwind 4.3.3 color is pink-700, 0.062 away in OKLab, so bg-pink-700 comes near; bg-[#c71585] gives the color itself.
Tints and shades
- #fbddea
- #f4bbd5
- #ec99c1
- #e175ac
- #d54f99
- #c71585
- #9c0e67
- #72074b
- #4c0330
- #280117
- #090004
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #c71585
- #dbddff
- #232c18
- #f2b0bc
- #852518
Around mediumvioletred as swatch 1, Recolor's generator made a free palette, hues spread around the wheel: #dbddff, #232c18, #f2b0bc, #852518, drawn from a seed fixed by its hex. Open it in Recolor.
Using mediumvioletred
As a text color, mediumvioletred on a white page gives the same 5.42:1.
.notice {
background-color: mediumvioletred; /* #c71585 */
color: white; /* 5.42:1 */
}Common questions
Does white text pass WCAG AA on mediumvioletred?
Yes. White text measures 5.42:1 on mediumvioletred, above the 4.5:1 that WCAG AA asks of body text.
Can mediumvioletred be written in OKLCH?
Yes: oklch(55.3% 0.222 349.7), computed from #c71585. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to mediumvioletred?
No. The nearest, deeppink (#ff1493), is 0.113 away in OKLab, a different color.