Mediumslateblue

mediumslateblue is a CSS color keyword. The closest Tailwind step is indigo-500 (#6366f1).

#7b68eergb(123, 104, 238)

Hex: #7b68ee
RGB: 123, 104, 238
HSL: 249°, 80%, 67%
OKLCH: 60.4% 0.194 285.5
LAB: 52.2 41.1 -65.4

Open #7b68ee in the explorer

Text contrast

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

Black text5.1:1 AAAPCA Lc 39

White text4.2:1 FailAPCA Lc -71

Color vision

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

Full color
#7b68ee

Protanopia
#0280f2

Deuteranopia
#0078eb

Tritanopia
#5286a1

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: mediumslateblue;
background: #7b68ee;

@theme {
  --color-mediumslateblue-50: #f4f4ff;
  --color-mediumslateblue-100: #e5e5ff;
  --color-mediumslateblue-200: #cccbff;
  --color-mediumslateblue-300: #ada8ff;
  --color-mediumslateblue-400: #9183ff;
  --color-mediumslateblue-500: #7460e6;
  --color-mediumslateblue-600: #5c43c7;
  --color-mediumslateblue-700: #4928ac;
  --color-mediumslateblue-800: #370090;
  --color-mediumslateblue-900: #220062;
  --color-mediumslateblue-950: #0e0033;
}