Why lightening a hex color in RGB gives you grey (and the HSL fix)

Your brand color has one hex value. A design system needs about nine: a light tint for hover backgrounds, a dark shade for pressed states, something in between for borders. The obvious way to generate...