Espresso sits in the warm red family, with the hex code #3B1F1B mapping to rgb(59, 31, 27) in RGB and hsl(7.5, 37.2%, 16.9%) in HSL. In OKLCH it carries 28% perceptual lightness and 0.045 chroma — a desaturated, dark reading that behaves well as a primary, accent or decisive colour in modern interfaces. Red is the most physiologically arousing hue — it raises heart rate, sharpens attention and signals urgency. Designers reach for it when a screen needs to feel decisive, appetising or emotionally charged.
Red is the most physiologically arousing hue — it raises heart rate, sharpens attention and signals urgency. Designers reach for it when a screen needs to feel decisive, appetising or emotionally charged.
Reds with high chroma vibrate against pure black. Cap saturation around 60% on dark UIs and always pair red text with body sizes ≥ 16px to keep WCAG AA on white.
#3B1F1Brgb(59, 31, 27)hsl(7.5, 37.2%, 16.9%)hsv(7.5, 54.2%, 23.1%)lch(15.6% 16.22 33.3)oklch(27.59% 0.0446 28.92)lab(15.6% 13.56 8.91):root {
--color: #3b1f1b;
--color-rgb: rgb(59, 31, 27);
--color-hsl: hsl(7.5, 37.2%, 16.9%);
--color-oklch: oklch(27.59% 0.0446 28.92);
}How espresso performs as foreground text on common surfaces, scored with WCAG 2.1.
Tints are produced by mixing espresso with progressively more white.
Shades are produced by mixing espresso with progressively more black.
Tones are produced by mixing espresso with progressively more gray, lowering chroma while keeping lightness.