To emphasize selected elements use: 
- Strong color contrasts on those elements
- Specific color for elements 

Arizona State University

University of Michigan - Ann Arbor

Color can provide information about the state of an app, its components, and its elements. 

This includes:

- Current state of an element or component, such as whether a button is enabled or disabled
- Changes in state to an app, component, or element
- Color should be noticeable when indicating state changes, such as subtle differences - Color may be missed so it’s best to indicate a change of state in more than one way, such as displaying an icon or moving the location of an element

State of an App Determined by Web Elements

To emphasize a specific interaction:
- Use strong color to contrast content that a user interacts with
- Contrast should be relative to content a user hasn’t interacted with

Learn Before

Related