[Export PNG without a color shift]

TL;DR: 

 

Affinity Designer is exporting correctly. I need to have no color profile added and my colors match the hex values on my site. The shift was coming from Safari using my monitor's color profile at the OSX level. 

 

Long answer:

 

• I tested exporting my image from AD, Sketch and Illustrator with no color profile added. 
• All exported images rendered the same way in Chrome and Firefox.
• Safari had a color shift that was the same for each exported image.
• The color shift in Safari would change if I moved the window to another monitor!
• When I changed my monitor's color profile (in OSX System Preferences) from "Thunderbolt Display" to "sRGB" Safari rendered the images with the proper hex value. 

 

In conclusion:

 

Safari is quickly becoming my least favorite browser to deal with. 

 

[Export PNG without a color shift]

I've been trying to use Affinity Designer on my latest web project and I've hit a snag that isn't a problem with Sketch or Photoshop.

 

I've got a document with art that uses a specific gold color (#f1b82d). It's my university's brand color. I need my art to have that exact color build in order to match all the other design elements of my site.

 

When I export the art as a PNG, the resulting file has a different color build and doesn't match. I think it has to do with color profiles being set, but when I uncheck that option in the export palette I get a different color shift. 

 

How can I export art as a PNG that has the exact color build as in the edit mode? 

 

I've attached some examples and my Affinity Designer document. 

 

I hope this is a simple thing I'm missing. Thanks!

social icons.afdesign