Ruby sits in the magenta / pink family, with the hex code #E0115F mapping to rgb(224, 17, 95) in RGB and hsl(337.4, 85.9%, 47.3%) in HSL. In OKLCH it carries 58% perceptual lightness and 0.228 chroma — a highly saturated, dark reading that behaves well as a primary, accent or decisive colour in modern interfaces. Magenta does not exist as a single wavelength — the brain invents it where red and blue meet. That synthetic, "designed" quality is why it reads as bold, contemporary and unmistakably digital. It commits hard.
Magenta does not exist as a single wavelength — the brain invents it where red and blue meet. That synthetic, "designed" quality is why it reads as bold, contemporary and unmistakably digital. It commits hard.
Magenta saturates print easily — verify in CMYK if the design will be printed. Online, mind that high-chroma magenta on dark mode can shimmer for users with astigmatism; lift lightness to soften.
#E0115Frgb(224, 17, 95)hsl(337.4, 85.9%, 47.3%)hsv(337.4, 92.4%, 87.8%)lch(49.11% 75.5 12.05)oklch(58.44% 0.228 8.91)lab(49.11% 73.84 15.77):root {
--color: #e0115f;
--color-rgb: rgb(224, 17, 95);
--color-hsl: hsl(337.4, 85.9%, 47.3%);
--color-oklch: oklch(58.44% 0.228 8.91);
}How ruby performs as foreground text on common surfaces, scored with WCAG 2.1.
Tints are produced by mixing ruby with progressively more white.
Shades are produced by mixing ruby with progressively more black.
Tones are produced by mixing ruby with progressively more gray, lowering chroma while keeping lightness.