How to style hyperlinks for blue color in Gmail Emails
To ensure a hyperlink appears blue in Gmail, you need to use inline CSS styling directly on your anchor tag. Gmail strips out most header styles and external CSS, so inline styling is essential.
Here's how to style your hyperlink to appear blue:
<a href="https://example.com" style="color: #0000FF; text-decoration: underline;">Your Link Text</a>
You can also use hexadecimal color codes like #0066CC
or #1155CC
which are similar to Gmail's default blue link color if you want to match it more closely.
Additionally, since Gmail can be unpredictable with CSS support, it's good practice to:
- Test your email by sending it to yourself before sending to recipients
- Keep your HTML formatting simple
- Use table-based layouts rather than div-based ones
- Avoid CSS properties that are commonly stripped (like background images)