Slateblue

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

#6a5acdrgb(106, 90, 205)

Hex: #6a5acd
RGB: 106, 90, 205
HSL: 248°, 53%, 58%
OKLCH: 54.4% 0.171 285.5
LAB: 45.3 36.0 -57.8

Open #6a5acd in the explorer

Text contrast

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

Black text4.0:1 FailAPCA Lc 31

White text5.3:1 AAAPCA Lc -78

Color vision

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

Full color
#6a5acd

Protanopia
#0e6fd1

Deuteranopia
#0668cb

Tritanopia
#48748b

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: slateblue;
background: #6a5acd;

@theme {
  --color-slateblue-50: #f4f4ff;
  --color-slateblue-100: #e5e5ff;
  --color-slateblue-200: #cccbff;
  --color-slateblue-300: #ada8ff;
  --color-slateblue-400: #9184fc;
  --color-slateblue-500: #7465d9;
  --color-slateblue-600: #5c49bb;
  --color-slateblue-700: #4730a1;
  --color-slateblue-800: #351387;
  --color-slateblue-900: #220062;
  --color-slateblue-950: #0e0033;
}