HSL
HSL describes color as hue, saturation, and lightness, which makes generating tints, shades, and hover states far easier than adjusting RGB channels.
HSL lightness is not perceptual brightness, so two hues at the same lightness can differ noticeably in measured contrast. Continue with Color and contrast: making palettes readable for the longer explanation.