Cafe au Lait sits in the warm orange family, with the hex code #A67B5B mapping to rgb(166, 123, 91) in RGB and hsl(25.6, 29.6%, 50.4%) in HSL. In OKLCH it carries 62% perceptual lightness and 0.070 chroma — a moderately saturated, dark reading that behaves well as a primary, accent or decisive colour in modern interfaces. Orange combines red's urgency with yellow's optimism, landing on a hue that feels friendly without losing energy. It is the colour of recommendations, "+1" social signals and sunsets — inviting rather than aggressive.
Orange combines red's urgency with yellow's optimism, landing on a hue that feels friendly without losing energy. It is the colour of recommendations, "+1" social signals and sunsets — inviting rather than aggressive.
Pure orange rarely passes WCAG AA against white at body sizes — reserve it for headings, icons or buttons with explicit ≥4.5:1 fallback text colour.
#A67B5Brgb(166, 123, 91)hsl(25.6, 29.6%, 50.4%)hsv(25.6, 45.2%, 65.1%)lch(55.4% 28.23 59.7)oklch(61.77% 0.0703 57.66)lab(55.4% 14.24 24.37):root {
--color: #a67b5b;
--color-rgb: rgb(166, 123, 91);
--color-hsl: hsl(25.6, 29.6%, 50.4%);
--color-oklch: oklch(61.77% 0.0703 57.66);
}How cafe au lait performs as foreground text on common surfaces, scored with WCAG 2.1.
Tints are produced by mixing cafe au lait with progressively more white.
Shades are produced by mixing cafe au lait with progressively more black.
Tones are produced by mixing cafe au lait with progressively more gray, lowering chroma while keeping lightness.