Darkslateblue

darkslateblue is a CSS color keyword. The closest Tailwind step is indigo-900 (#312e81).

#483d8brgb(72, 61, 139)

Hex: #483d8b
RGB: 72, 61, 139
HSL: 248°, 39%, 39%
OKLCH: 41.4% 0.125 286.0
LAB: 30.8 26.1 -42.1

Open #483d8b in the explorer

Text contrast

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

Black text2.3:1 FailAPCA Lc 17

White text9.1:1 AAAAPCA Lc -92

Color vision

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

Full color
#483d8b

Protanopia
#124b8e

Deuteranopia
#104689

Tritanopia
#324e5e

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: darkslateblue;
background: #483d8b;

@theme {
  --color-darkslateblue-50: #f4f4ff;
  --color-darkslateblue-100: #e5e5ff;
  --color-darkslateblue-200: #cccbff;
  --color-darkslateblue-300: #aea8ff;
  --color-darkslateblue-400: #928ce1;
  --color-darkslateblue-500: #756dc0;
  --color-darkslateblue-600: #5c53a3;
  --color-darkslateblue-700: #473c8a;
  --color-darkslateblue-800: #332571;
  --color-darkslateblue-900: #210c59;
  --color-darkslateblue-950: #0e0032;
}