Medium Slate Blue sits in the blue family, with the hex code #7B68EE mapping to rgb(123, 104, 238) in RGB and hsl(248.5, 79.8%, 67.1%) in HSL. In OKLCH it carries 60% perceptual lightness and 0.194 chroma — a highly saturated, dark reading that behaves well as a primary, accent or decisive colour in modern interfaces. Blue is the most globally trusted hue and dominates the world's top brand logos for a reason — it lowers heart rate, signals stability and translates across cultures with the fewest negative connotations. It is the safe default of digital products, which is also its biggest design risk.
Blue is the most globally trusted hue and dominates the world's top brand logos for a reason — it lowers heart rate, signals stability and translates across cultures with the fewest negative connotations. It is the safe default of digital products, which is also its biggest design risk.
Pure blue links on dark backgrounds frequently fail AA — consider a lighter blue (≥ 70% L in OKLCH) or an underline. Avoid pure blue on pure red: the chromatic aberration is uncomfortable for most viewers.
#7B68EErgb(123, 104, 238)hsl(248.5, 79.8%, 67.1%)hsv(248.5, 56.3%, 93.3%)lch(51.28% 74.59 296.98)oklch(60.45% 0.1939 285.5)lab(51.28% 33.84 -66.48):root {
--color: #7b68ee;
--color-rgb: rgb(123, 104, 238);
--color-hsl: hsl(248.5, 79.8%, 67.1%);
--color-oklch: oklch(60.45% 0.1939 285.5);
}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.