Please note Primer v16 has changed the naming of these color classes. Check the <ahref="/css/support/v16-migration">migration guide</a> to make sure your app is up to date.
If you like to override the default link styles you can do so with the following link utilities. **Bear in mind that link styles are easier for more people to see and interact with when the changes in styles do not rely on color alone.**
Use `.Link--primary` to turn the link color to blue only on hover.
```html live
<pclass="color-text-secondary">Some text with a <aclass="Link--primary"href="#url">Link--primary</a></p>
```
Use `.Link--secondary` for a more subtle link color that turns blue on hover.
```html live
Some text with a <aclass="Link--secondary"href="#url">Link--secondary</a>
```
Use `.Link--muted` also removes the underline on hover. Tip: You can also use the `.no-underline` utility to do the same for `.Link--primary`.
```html live
<p>Some text with a <aclass="Link--secondary no-underline"href="#url">Link--muted</a></p>
<p>Some text with a <aclass="Link--primary no-underline"href="#url">Link--primary no-underline</a></p>
```
Use `.Link--onHover` to make any text color used with links to turn blue on hover. This is useful when you want only part of a link to turn blue on hover.
Link classes in combination with [color utilities](../utilities/colors) lets you colorize information separately inside of a link but have all of the link turn into one color on hover.
