I am new to HTML code so I was on the wrong track - I was looking at different ways to change sRGB and RGB to the correct hex codes (there is slightly different versions that can look a little different on different browsers).
Here is a sample of the below code:
I had symcolour as well as the hex code. What was being applied, from what I could tell was the symcolour instead of the hexcode so when I had two legends with the same sym code e.g symblue it applied that to both legends. I kept the hexcodes the same and put in unique symcolour codes which corrected my colours