Does CSS lch(), oklch(), lab(), oklab() Work in HTML Email?
Modern color values: lch, lab, oklch and oklab
Does lch(), oklch(), lab(), oklab() work in HTML email?
The CSS lch(), oklch(), lab(), oklab() property is supported in Outlook (Mac / Web), Apple Mail, ProtonMail, Fastmail. It is NOT supported in Gmail, Outlook (Windows), Yahoo! Mail, and others. Always include a safe fallback for unsupported clients.
Which Email Clients Support CSS lch(), oklch(), lab(), oklab()?
CSS support for lch(), oklch(), lab(), oklab() across email clients
| Email Client | Desktop | Mobile / Web | Notes |
|---|---|---|---|
| Gmail | ✗ No | ✗ No | — |
| Outlook (Windows) | ✗ No | ? | — |
| Outlook (Mac / Web) | ✓ Yes | ✗ No | — |
| Apple Mail | ✓ Yes | ✓ Yes | — |
| Yahoo! Mail | ✗ No | ✗ No | — |
| Samsung Email | ? | ✗ No | — |
| Thunderbird | ✗ No | ? | — |
| ProtonMail | ✓ Yes | ✓ Yes | — |
| Fastmail | ✓ Yes | ? | — |
Notes
- #1 Depends on browser support.
- #2 Using this syntax for an inline style will remove all inline styles applied to that element.
Frequently Asked Questions
Related CSS Properties
Test Your Email Now
Paste your HTML and see how it renders in clients that don't support lch(), oklch(), lab(), oklab().
Building a new email instead of checking an existing one? MailViewr's Email Builder only lets you use CSS that's known to render across clients, so lch(), oklch(), lab(), oklab() can't sneak into your markup by accident. Open the Email Builder →