Medium Slate Blue sits in the violet / purple family, with the hex code #8B5CF6 mapping to rgb(139, 92, 246) in RGB and hsl(258.3, 89.5%, 66.3%) in HSL. In OKLCH it carries 61% perceptual lightness and 0.219 chroma — a highly saturated, dark reading that behaves well as a primary, accent or decisive colour in modern interfaces. Violet historically required the most expensive dyes, which is why it still carries associations with luxury, royalty and creativity. In modern UI it has become the signature of imaginative, "premium" tech — the colour brands choose when blue feels too utilitarian.
Violet historically required the most expensive dyes, which is why it still carries associations with luxury, royalty and creativity. In modern UI it has become the signature of imaginative, "premium" tech — the colour brands choose when blue feels too utilitarian.
Deep violets render almost identically to navy on small screens — keep at least 0.10 chroma in OKLCH or it will collapse to "dark blue" in users' minds.
#8B5CF6rgb(139, 92, 246)hsl(258.3, 89.5%, 66.3%)hsv(258.3, 62.6%, 96.5%)lch(50.69% 85.19 302.56)oklch(60.56% 0.2189 292.72)lab(50.69% 45.85 -71.8):root {
--color: #8b5cf6;
--color-rgb: rgb(139, 92, 246);
--color-hsl: hsl(258.3, 89.5%, 66.3%);
--color-oklch: oklch(60.56% 0.2189 292.72);
}How medium slate blue performs as foreground text on common surfaces, scored with WCAG 2.1.
Tints are produced by mixing medium slate blue with progressively more white.
Shades are produced by mixing medium slate blue with progressively more black.
Tones are produced by mixing medium slate blue with progressively more gray, lowering chroma while keeping lightness.