How to convert shades of one colour (red) into seemingly equal shades of another colour (blue)?


A site template I'm using has the following colour palette.

Swatch of red colours for a website colour scheme

I would like to use similar shades, but with navy blue. I will be using #003A70 as a substitute for #A13736, so ideally the rest of the colours would be normalized around that.

The solution does not need to be exact, but I am looking for a method to get something similar / an approximation.

How can I find seemingly equal shades of these colours in blue instead?

1/11/2015 9:48:00 PM

Accepted Answer

Very easy.

Open any graphics editor (or, really, any program with a good colour picker). Input the colour you have and change the picker mode to HSV. Now grab the hue control and move it to the blue range. Change to hex mode again and read the new value.

Some browsers will accept color: hsl(h, %, %) ( h= 0-360)

It's possible to do the math with a pencil, I've never tried.

1/11/2015 11:36:00 PM

It's a simple task with

Simply go to[hex code with hashtag] and drag the Hue slider to blue. The hex code in blue is at the bottom left. If you want the hue to be the exact same for all (which I assume you would want), change the HSVA hue in the bottom right to a pre-decided number for all of them.