Why is YouTube and VLC making a slight but noticeable mess of my video background? Retitling and reediting, after a few tips from Mulvya.

I've got a div on my blog, with background color set to #83d3c9.

Yesterday I tried creating a video on AE where the background was set to exactly the same color. I was hoping that if I upload it to YouTube and then embed it inside that div, it might "blend in" kind of seamlessly.

Yet, when I finally reached this point, I couldn't help but notice a slight difference in color between the two elements, as if YouTube was applying some kind of tint to my video.

Following Mulvya's advise, I checked my file by means of mediainfo.

Color space:        YUV
Chroma subsampling: 4:2:0
Bit depth:          8 bits


And, then, further down the output:

Color primaries:          BT.709
Transfer characteristics: BT.709
Matrix coefficients:      BT.709


No Color range seems to be specified.

I went on to check how my video displays on VLC. Same faint tint there.

Oddly enough, this was not the case when I played it on Windows Media Player, where my video background was pretty much identical to the background color of that original div.

Further tips as to what might be going on would be greatly appreciated.
This is a problem that drove me crazy...

Long story short; certain browsers; whether it's Chrome, Explorer, Firefox, etc, actually handle color profiles, embedded within the video file (such as color workspace), differently. 

I believe if I remember correctly, Chrome uses Monitor Color, sRGB. Regardless of your video file's color profile/lack there of. 

I ran into this problem consistently, and after a lot of testing, researching, my final conclusion is that there is no way to guarantee final color values of outputs when played within Web Browsers. 

This also works backwards; because if you were to download the video file/rip using a rip tool (it very well might and include the color profile); which when played in AE or PPro would be recognized and applied; thus it would not match what you see in Chrome. 

Your best bet is to make sure your Color Space is synced through Bridge, your monitor is calibrated, preferably with a spyder, but unfortunately, regardless of your file or your system, certain players; specifically browers; ignore coloremetry data; or worse, may convert or change your settings; with no work around. End users of course; you have no clue what they see... too many variables.