A medium pink, black text passes AA
What color is palevioletred?
The CSS named color palevioletred is #db7093, or rgb(219 112 147): a medium pink in plain words. Black text on it reaches 6.75:1, passing WCAG AA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | palevioletred |
| Hex | #db7093 |
| RGB | rgb(219 112 147) |
| HSL | hsl(340 60% 65%) |
| OKLCH | oklch(67.8% 0.138 0.7) |
| Nearest Tailwind color | rose-400 #ff637e, 0.068 away in OKLab |
| White text | 3.11:1: AA fails, AAA fails, large text passes |
| Black text | 6.75:1: AA passes, AAA fails, large text passes |
About palevioletred
A medium pink is the plain description of palevioletred: OKLCH lightness 67.8%, chroma 0.138, hue 0.7 degrees.
Here HSL's lightness, 65%, lands near OKLCH's 67.8%, which is not true of every color. No CSS keyword matches it; lightcoral (#f08080) is the nearest, 0.068 away in OKLab, a clear step off.
Black text on palevioletred reaches 6.75:1, enough for WCAG AA body text but short of AAA's 7:1; white text gets 3.11:1. Its neighbors in the hue-sorted list of names are hotpink and deeppink.
The closest Tailwind 4.3.3 color is rose-400, 0.068 away in OKLab, so bg-rose-400 comes near; bg-[#db7093] gives the color itself.
Tints and shades
- #fce7ec
- #f7d0da
- #f1b8c8
- #eba0b6
- #e388a4
- #db7093
- #ac5672
- #7e3e53
- #542736
- #2d121b
- #0b0204
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
- #db7093
- #2f121d
- #86d0c1
- #6e4b52
- #ffccd8
Recolor's generator, with palevioletred locked as swatch 1 and the seed taken from its hex, drew a complementary palette, built on the hue opposite: #2f121d, #86d0c1, #6e4b52, #ffccd8. Open it in Recolor.
Using palevioletred
As a text color, palevioletred on a black page gives the same 6.75:1.
.notice {
background-color: palevioletred; /* #db7093 */
color: black; /* 6.75:1 */
}Common questions
Does white text pass WCAG AA on palevioletred?
No. White text measures 3.11:1 on palevioletred, under AA's 4.5:1; black text measures 6.75:1 and passes.
Can palevioletred be written in OKLCH?
Yes: oklch(67.8% 0.138 0.7), computed from #db7093. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to palevioletred?
No. The nearest, lightcoral (#f08080), is 0.068 away in OKLab, a different color.