What is Saturation?
In web design, saturation refers to the amount of gray in a color. The more saturated a color is, the more vibrant it looks. Less saturated colors have higher degrees of gray, which results in more muted tones.
More About Saturation
Colors on the web can be defined using three elements: hue, saturation, and value. You can have the same color on a website look entirely different with different saturation levels.
High levels of saturation will make colors look more vibrant. That can be useful to help elements stand out on a page.
Some common use cases for saturated colors are buttons and Calls to Action (CTAs). Typically, these are elements that you want users to be drawn to visually almost instinctively. Saturated colors draw the eye towards them, which helps the saturated elements stand out.