Sage Green sits in the green family, with the hex code #8A9A5B mapping to rgb(138, 154, 91) in RGB and hsl(75.2, 25.7%, 48%) in HSL. In OKLCH it carries 66% perceptual lightness and 0.088 chroma — a moderately saturated, dark reading that behaves well as a primary, accent or decisive colour in modern interfaces. Green is the hue the human eye is best adapted to discriminate — half of the cone photoreceptors peak inside the green band. Brands use it to signal nature, growth, money, safety and "go", with cooler greens reading as trustworthy and warmer greens as energetic.
Green is the hue the human eye is best adapted to discriminate — half of the cone photoreceptors peak inside the green band. Brands use it to signal nature, growth, money, safety and "go", with cooler greens reading as trustworthy and warmer greens as energetic.
Green and red are the two hues most affected by colour-vision deficiency. Never communicate state with green alone — pair every "success green" with an icon, label or shape.
#8A9A5Brgb(138, 154, 91)hsl(75.2, 25.7%, 48%)hsv(75.2, 40.9%, 60.4%)lch(61.18% 33.93 113.9)oklch(65.83% 0.0883 120.51)lab(61.18% -13.75 31.02):root {
--color: #8a9a5b;
--color-rgb: rgb(138, 154, 91);
--color-hsl: hsl(75.2, 25.7%, 48%);
--color-oklch: oklch(65.83% 0.0883 120.51);
}How sage green performs as foreground text on common surfaces, scored with WCAG 2.1.
Tints are produced by mixing sage green with progressively more white.
Shades are produced by mixing sage green with progressively more black.
Tones are produced by mixing sage green with progressively more gray, lowering chroma while keeping lightness.