Mediumorchid

mediumorchid is a CSS color keyword. The closest Tailwind step is fuchsia-400 (#e879f9).

#ba55d3rgb(186, 85, 211)

Hex: #ba55d3
RGB: 186, 85, 211
HSL: 288°, 59%, 58%
OKLCH: 62.6% 0.202 319.2
LAB: 53.6 59.1 -47.4

Open #ba55d3 in the explorer

Text contrast

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

Black text5.3:1 AAAPCA Lc 40

White text3.9:1 FailAPCA Lc -69

Color vision

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

Full color
#ba55d3

Protanopia
#3679d7

Deuteranopia
#5d84d0

Tritanopia
#ba698c

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: mediumorchid;
background: #ba55d3;

@theme {
  --color-mediumorchid-50: #fcf1ff;
  --color-mediumorchid-100: #f8ddff;
  --color-mediumorchid-200: #f1baff;
  --color-mediumorchid-300: #e788ff;
  --color-mediumorchid-400: #cc67e5;
  --color-mediumorchid-500: #ab46c4;
  --color-mediumorchid-600: #8e26a6;
  --color-mediumorchid-700: #75008b;
  --color-mediumorchid-800: #560067;
  --color-mediumorchid-900: #380045;
  --color-mediumorchid-950: #1a0022;
}