I'm designing a logo and have exported it in multiple formats for the clients use, however the red is appearing different in them. The PNG and PDF [left in the image below] are the same colour, and the JPG and SVG are a different colour. The file is in CMYK format and I'm using the Export for Screens option in Illustrator.
This is a colour profiling issue. Make sure to embed the colour profile in the file. For screen, use the famous sRGB profile, as this is what most renderers default to when ICC profiles are not supported.
- Any screen file convert to sRGB profile (and make sure to embed)
- Any print file convert to printers profile (and make sure to embed)
The print file might still look off in some renderers without colour management, but that is OK as they will print fine.
Note 1: If your original design is in RGB, make sure you convert to CMYK and then back to RGB if you want file consistency between screen and print. (CMYK gamut is much smaller)
Note 2: Don't use web-save colours!
Some of image formats could not support CMYK mode such as PNG. Therefore, when you export from CMYK source to PNG, it is automatically exchange to RGB using adobe method.
It is normal if you have two red look difference in various types of format. But I would suggest you to create a RGB file in illustrator, copy your logo and modify the red (you may use Pantone library for standard reference pantone color finder), after that use the RGB source (with the red you are happy) export to PNG. Keep the CMYK file for other purpose such as printing.
Hope it help!