Discover the specifics of the color palette from medium to dark blue

Blue is one of the most used colors in web design. Using medium to dark blue promotes a relaxed feeling that can be complemented by yellow and orange.

  1. Opposites attract and blue goes well with orange
  2. Mix deep blue with golden yellow
  3. Shades of blue with dark orange
  4. Blue, red and yellow

Opposites attract and blue goes well with orange

Consider combining blue and orange in a complementary color scheme.

From darkest to lightest oranges, shown by each blue swatch in the image above:

  • Hex#FFA500 | RGB 255.165.0 (golden orange; SVG color keyword and orange CSS color keyword)

  • Hex#FF8000 | RGB 255.128.0 (center orange)

  • Hex#FF4500 | RGB 255.69.0 (orange red; SVG color keyword orange)

  • Hex#C83200 | RGB 200.50.0 (dark orange)

  • Numbers: hex #FF7F27 | RGB 255 127.39 (peach orange)

Blues, from dark to light:

  1. navy: Hex#000080 | RGB 0.0,128 (CSS color keyword/SVG color keyword dark blue)
  2. Blue: hex #0000FF | RGB 0.0255 (CSS/SVG color keyword – blue; browser safe color)
  3. Hex: #0045FF | RGB 0.69.255 (Mid Blue)

  4. steel blue : hex #4682B4 | RGB 70 130 180 (steel blue SVG keyword; corporate blue)
  5. Hex: #0080FF | RGB 0,128,255 (Mid Blue)

  6. Blue: hex #ADD8E6 | RGB 173,216,230 (SVG keyword color blue)

Dark blue and medium blue hues symbolize importance, confidence, strength, intelligence, stability, unity and conservatism. By adding some orange to your mostly dark blue palette, you bring in warmth and energy that can keep your palette from getting too high or too strong.

You don’t need to use these exact shades. Touch Lighter or Darker, or step one step left or right on the color wheel. These color combinations only help you find the right color palette, using blue and orange as the main components.

Mix deep blue with golden yellow

Take navy blue to almost purple and add a splash of sunny yellow in a complementary color scheme.

Blue is a cool color that gets warm when you add magenta tones, while yellow is a warm color at the other end of the color wheel. Avoid using in equal amounts to avoid unpleasant vibrations. Brighten up your blue with a splash of yellow (or calm your yellow with a black hue).

From dark to light, shown in yellow with each blue swatch in the image above:

  • Yellow Cadmium: hex #FF9912 | RGB 255,153,18 (warm brown yellow)
  • Gold: hex #FFD700 | RGB 255.215.0 (SVG color keyword gold)
  • Numbers: Hex#FFFF00 | RGB 255 255.0 (keyword SVG/CSS color yellow)

Blue is:

  1. Very dark blue: hex #000033 | RGB 0.0.51 (browser safe dark blue)
  2. midnight blue: Hex#1970 | RGB 25,25,112 (SVG color keyword midnight blue)
  3. Dark blue slate: hex #483D8B RGB 72, 61, 139 (SVG keyword color darkslateblue; grayish purple blue)
  4. Indigo: hex #4B0082 | RGB 75.0130 (SVG color keyword; purple-blue)
  5. blue purple : hex #8A2BE2 | RGB 138.43.226 (SVG color keyword blue-violet)
  6. cobalt blue : hex #3D59AB | RGB 61.89.171

Colors that go towards the violet-violet side of blue can add a touch of mystery, hints of femininity. This adds warmth to the cool blue.

Shades of blue with dark orange

Mid blue to dark blue bordering green. Here, different shades of medium blue and light blue are combined with dark brown oranges.

In addition to the calming properties of cool blue, this darker shade of blue may also contain some of the symbolism of green, such as balance, harmony and stability. It gets a bit of warmth and energy when combined with brownish or reddish shades of orange. Brown is a natural, practical neutral. Red and cyan are opposites on the high-contrast color wheel, but they’re not necessarily a great combination. The transition from red to orange and darker blue makes for a more pleasant palette.

From darkest to lightest red-orange shown with each blue swatch in the image above:

  • deep orange red : hex # CD3700 | RGB 205.55.0
  • Orange Cadmium: hex #FF6103 | RGB 255,97,3
  • Numbers: Red Hex #FF0000 | RGB 255,0,0 (SVG/CSS color keyword red)

Blue is:

  1. Dark royal blue : hex #27408B | RGB 39,64,139
  2. Dark blue: hex #00688B | RGB 0,104,139 ( not color keyword deepskyblue)
  3. Dark blue slate: hex #2F4F4F RGB 47,79,79 ( not color keyword darkslateblue)
  4. Dark blue: hex #008B8B | RGB 0,139,139 (green side of blue)
  5. manganese blue : hex #03A89E | RGB 3 168 158 (blue turquoise)
  6. Blue (Aqua): hex #00FFFF | RGB 0.255.255 (keyword SVG color cyan or aqua; blue-green color)

Blue, red and yellow

The split complementary triad takes one color (blue in this case) and then takes the colors on either side of that color’s complement (opposite color on the color wheel). The complement of pure blue is pure yellow. Mid blue is the opposite of orange. Depending on which shade of blue you start with and how many intermediate colors you go through, you can match these with colors ranging from pink-red to yellow-green.

    1. navy: Hex#000080 | RGB 0.0,128
    2. bright red : hex #FE0004 | RGB 254.0.4
    3. sunny yellow : hex #FFFB00 | RGB 255.251.0
    4. Dark blue slate: hex #483D8B RGB 72,61,139 (SVG color keyword dark blue; gray purple blue)
    5. Gold: hex #FFD700 | RGB 255.215.0 (SVG color keyword gold)
    6. Chartreuse: hex #7FFF00 | RGB 127 255.0
    7. Dark blue: hex #008B8B | RGB 0.139.139 (green side of blue)
    8. purple red : hex #D02090 | RGB-208,32,144
    9. Dark orange: hex # C83200 | RGB 200.50.0 (keyword) not dark orange)

Darker shades of blue represent importance, confidence, power, authority, intelligence, stability, unity and conservatism. Red is another powerful color, but it attracts more attention than blue. Yellow adds brightness and joy. Using equal amounts of each color would make it look more childish (imagine the primary colors) just like example #1, but using only small doses of red and yellow (or nearby colors) with a predominantly dark blue color scheme is great for mature projects you don’t want to show too much Real.

Leave a Reply

Your email address will not be published.