How to change tint of a white image on canvas with random function

I am trying to code the classic dvd bouncing logo screen with canvas. I have succeeded in making the white logo image bounce around, however, I am trying to make the logo change colour(random) or tint every time it hits a wall. Is there a function to do that? If, so can I place it within my two if statements (that changes the dvd image's direction when it hits the wall)?

This is my script in the html page.

var dvdpic = new Image();
dvdpic.src = 'dvd_logo.png';

window.requestAnimFrame = (function() {
  return window.requestAnimationFrame ||
    window.webkitRequestAnimationFrame ||
    window.mozRequestAnimationFrame ||
    window.oRequestAnimationFrame ||
    window.msRequestAnimationFrame ||
    function(callback) {
      window.setTimeout(callback, 1000 / 60);
    };
})();

window.onload = function() {
  var canvas = document.getElementById("monCanevas");
  var context = canvas.getContext('2d');
  var x = Math.random() * 336;
  var dx = 2;
  var y = Math.random() * 371;
  var dy = 2;

  function draw() {
    context.save();
    context.fillStyle = "black";
    context.fillRect(0, 0, 400, 400);
    context.translate(x, y);
    context.fillStyle = "black";
    context.fillRect(0, 0, 64, 29);

    context.drawImage(dvdpic, 0, 0, 64, 29);
    context.restore();

    if (x > 336 || x < 0) {
      dx = -dx;

    }

    if (y > 371 || y < 0) {
      dy = -dy;
    }

    x += dx;
    y += dy;

    window.requestAnimFrame(function() {
      draw()
    });
  }

  draw();
};