Plum

Text contrast

Black or white text on #dda0dd. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Color vision

How #dda0dd looks in simulations of color blindness, at full severity.

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to plum.

Copy into CSS

color: plum;
background: #dda0dd;

@theme {
  --color-plum-50: #ffefff;
  --color-plum-100: #ffdafe;
  --color-plum-200: #f7b8f7;
  --color-plum-300: #d99cd9;
  --color-plum-400: #bb80bb;
  --color-plum-500: #9b629c;
  --color-plum-600: #804980;
  --color-plum-700: #683269;
  --color-plum-800: #501c52;
  --color-plum-900: #3a043c;
  --color-plum-950: #1c001e;
}