Hexadecimal vs. RGB Values in HTML Emails


HTML Email Design

We had a recent question in our forums regarding which clients support hexadecimal vs. RGB values so I figured I would publish the results of my research to our blog as well.

In summary, it is best to avoid using rgb(255,0,0) values when developing HTML emails. Long hex (#F00F00), Short hex (#F00) and colors (red) are supported in all the email clients I tested.

What I found interesting is that some clients support RGB colors on fonts but not in backgrounds or borders. I should point out that I used inline CSS in all of my testing.

The clients that do NOT offer full support for RGB values are: Hotmail, Lotus Notes 6.5, 7 and 8.

Font Color Test

Web
Short Hex (#F00) Long Hex (#F00F00) RGB(255,0,0) Color Name (red)
AOL Web y y y y
Gmail New y y y y
Hotmail y y y y
Yahoo (Classic) y y y y
Yahoo (Current) y y y y
Yahoo (Beta) y y y y
Desktop
Short Hex (#F00) Long Hex (#F00F00) RGB(255,0,0) Color Name (red)
Entourage 2004 y y y y
Entourage 2008 y y y y
Live Mail y y y y
Lotus Notes 6.5 y y y y
Lotus Notes 7 y y y y
Lotus Notes 8 y y n y
Lotus Notes 8.5 y y y y
Mac Mail y y y y
Outlook 2003 y y y y
Outlook 2007 y y y y
Outlook 2010 y y y y
Outlook Express y y y y
Thunderbird 2 y y y y
Thunderbird 3 y y y y
Mobile
Short Hex (#F00) Long Hex (#F00F00) RGB(255,0,0) Color Name (red)
Android 2.2 y y y y
Android Gmail 2.2 y y y y
iPad 3.0 y y y y
iPad Gmail y y y y
iPhone 3.0 y y y y
iPhone Gmail y y y y

 

Border Color Test

Web
Short Hex (#F00) Long Hex (#F00F00) RGB(255,0,0) Color Name (red)
AOL Web y y y y
Gmail New y y y y
Hotmail y y n y
Yahoo (Classic) y y y y
Yahoo (Current) y y y y
Yahoo (Beta) y y y y
Desktop
Short Hex (#F00) Long Hex (#F00F00) RGB(255,0,0) Color Name (red)
Entourage 2004 y y y y
Entourage 2008 y y y y
Live Mail y y y y
Lotus Notes 6.5 n n n n
Lotus Notes 7 n n n n
Lotus Notes 8 y y n y
Lotus Notes 8.5 y y y y
Mac Mail y y y y
Outlook 2003 y y y y
Outlook 2007 y y y y
Outlook 2010 y y y y
Outlook Express y y y y
Thunderbird 2 y y y y
Thunderbird 3 y y y y
Mobile
Short Hex (#F00) Long Hex (#F00F00) RGB(255,0,0) Color Name (red)
Android 2.2 y y y y
Android Gmail 2.2 y y y y
iPad 3.0 y y y y
iPad Gmail y y y y
iPhone 3.0 y y y y
iPhone Gmail y y y y

 

Background Color Test

Web
Short Hex (#F00) Long Hex (#F00F00) RGB(255,0,0) Color Name (red)
AOL Web y y y y
Gmail New y y y y
Hotmail y y y y
Yahoo (Classic) y y y y
Yahoo (Current) y y y y
Yahoo (Beta) y y y y
Desktop
Short Hex (#F00) Long Hex (#F00F00) RGB(255,0,0) Color Name (red)
Entourage 2004 y y y y
Entourage 2008 y y y y
Live Mail y y y y
Lotus Notes 6.5 n n n n
Lotus Notes 7 n n n n
Lotus Notes 8 y y n y
Lotus Notes 8.5 y y y y
Mac Mail y y y y
Outlook 2003 y y y y
Outlook 2007 y y y y
Outlook 2010 y y y y
Outlook Express y y y y
Thunderbird 2 y y y y
Thunderbird 3 y y y y
Mobile
Short Hex (#F00) Long Hex (#F00F00) RGB(255,0,0) Color Name (red)
Android 2.2 y y y y
Android Gmail 2.2 y y y y
iPad 3.0 y y y y
iPad Gmail y y y y
iPhone 3.0 y y y y
iPhone Gmail y y y y

 

As you can see, my primary focus was on hexadecimal vs. RGB and I used inline CSS. I will research background colors and images – defined by inline CSS vs. HTML attributes in another post.