← CSS Support IndexDoes CSS
Does CSS lch(), oklch(), lab(), oklab() Work in HTML Email?
Modern color values: lch, lab, oklch and oklab
Quick Answer
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().