Which colours should be chosen to match a metro theme and be easily readable?

Question

I am colourblind, which makes choosing the colours of my website very hard (often I choose colours that appeal to me, yet look awful to everyone else). I have recently begun a new website (image below), and I chose these colours for it. Now, to me, it looks really nice, but to everyone else who has seen it, it looks really really really bad.

I am trying to design this website with a metro-ish theme (hence the font, lack of shadows and lack of gradients). I also like the colour blue (hence the blue backgrounds and headings).

Does anyone know of a good blue colour palette or a website with detailed metro/blue colour scheme tutorials?

^{Click on image for full size}

Answer 1

While obviously this is very much a matter of project-specific design, I would suggest a lighter colour, as part of the problems seems to me to be too much contrast, and possibly a blue-er colour, since it is a little purple (probably a result of colour-blindness). Also, the very dark pinstripes look a little too dark. In terms of colours, I tested rgb(21,92,166) on it and it looked pretty good.