A light magenta, black text passes AA
What color is plum?
plum is a light magenta: #dda0dd in hex, rgb(221 160 221). Black text on it reaches 10.15:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | plum |
| Hex | #dda0dd |
| RGB | rgb(221 160 221) |
| HSL | hsl(300 47% 75%) |
| OKLCH | oklch(78.3% 0.108 326.5) |
| Nearest Tailwind color | purple-300 #dab2ff, 0.056 away in OKLab |
| White text | 2.07:1: AA fails, AAA fails, large text fails |
| Black text | 10.15:1: AA passes, AAA passes, large text passes |
About plum
In OKLCH terms plum has a lightness of 78.3%, a chroma of 0.108 and a hue of 326.5 degrees, a light magenta to the eye.
HSL and OKLCH agree on how light it is, 75% and 78.3%. The nearest CSS named color, thistle (#d8bfd8), is 0.081 away in OKLab: related, but plainly a different color.
For text, plum wants black: 10.15:1 clears even AAA's 7:1, and white at 2.07:1 fails AA. In the hue-sorted table of named colors it sits between thistle and violet.
In Tailwind CSS 4.3.3 the nearest default color is purple-300 (#dab2ff), 0.056 away in OKLab; for the exact color, an arbitrary value such as bg-[#dda0dd] works.
Tints and shades
- #faeffa
- #f5dff4
- #efcfee
- #e9c0e9
- #e3b0e3
- #dda0dd
- #ad7dad
- #805b80
- #553b55
- #2e1e2e
- #0b050b
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
- #dda0dd
- #182c18
- #907092
- #ffe6ff
- #723279
Locked as the first of five swatches, plum gets #182c18, #907092, #ffe6ff, #723279 from Recolor's generator, a complementary palette, built on the hue opposite. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using plum
As a text color, plum on a black page gives the same 10.15:1.
.notice {
background-color: plum; /* #dda0dd */
color: black; /* 10.15:1 */
}Common questions
Does white text pass WCAG AA on plum?
No. White text measures 2.07:1 on plum, under AA's 4.5:1; black text measures 10.15:1 and passes.
Can plum be written in OKLCH?
Yes: oklch(78.3% 0.108 326.5), computed from #dda0dd. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to plum?
No. The nearest, thistle (#d8bfd8), is 0.081 away in OKLab, a different color.