Blue is one of the most common colors used in web design. Using a medium to dark blue encourages a relaxing feel that designers can complement with yellow and orange.
Here are a few different ways Blue can work with other colors.
Opposites Attract and Blue Goes Well With Orange Consider combining blue colors with orange in a complementary color scheme.
From darkest to lightest, the oranges shown with each blue swatch in the above image are: Hex #FFA500 | RGB 255,165,0 (a golden orange; SVG color keyword & CSS color keyword orange)Hex #FF8000 | RGB 255,128,0 (medium orange)Hex #FF4500 | RGB 255,69,0 (orange red; SVG color keyword orangered)Hex #C83200 | RGB 200,50,0 (a dark orange)Numbers: Hex #FF7F27 | RGB 255,127,39 (a peachy orange) The blues, from darker to lighter are: Navy: Hex #000080 | RGB 0,0,128 (CSS color keyword/SVG color keyword navy) Blue: Hex #0000FF | RGB 0,0,255 (CSS/SVG color keyword is blue; browser safe color) Hex: #0045FF | RGB 0,69,255 (a medium blue) Steel Blue: Hex #4682B4 | RGB 70,130,180 (SVG color keyword steelblue; a corporate blue) Hex: #0080FF | RGB 0,128,255 (a medium blue) Light Blue: Hex #ADD8E6 | RGB 173,216,230 (SVG color keyword lightblue) Dark blues and medium shades of blue symbolize importance, confidence, power, intelligence, stability, unity, and conservatism....