Blue Background — Free Solid & Gradient Downloads

Blue backgrounds from bright royal blue to deep navy — solid shades and gradients, every one a real PNG in HD, 4K, square and story sizes with the hex code on the tile.

Shades of blue

Royal Blue background #4169E1 — **Royal Blue**`#4169E1`

Cobalt background #0047AB — **Cobalt**`#0047AB`

Azure background #007FFF — **Azure**`#007FFF`

Dodger Blue background #1E90FF — **Dodger Blue**`#1E90FF`

Sapphire background #0F52BA — **Sapphire**`#0F52BA`

Steel Blue background #4682B4 — **Steel Blue**`#4682B4`

Denim background #1560BD — **Denim**`#1560BD`

Navy background #000080 — **Navy**`#000080`

Midnight Blue background #191970 — **Midnight Blue**`#191970`

Prussian Blue background #003153 — **Prussian Blue**`#003153`

Cobalt Accent background #2554E0 — **Cobalt Accent**`#2554E0`

Deep Navy background #122A56 — **Deep Navy**`#122A56`

Blue gradient backgrounds

Blue Fade background #2554E0 → #122A56 — **Blue Fade**`#2554E0 → #122A56`

Royal to Navy background #4169E1 → #000080 — **Royal to Navy**`#4169E1 → #000080`

Azure to Sky background #007FFF → #BFE0F5 — **Azure to Sky**`#007FFF → #BFE0F5`

Blue and White background #FFFFFF → #BFE0F5 — **Blue and White**`#FFFFFF → #BFE0F5`

Steel Fade background #4682B4 → #1B2A41 — **Steel Fade**`#4682B4 → #1B2A41`

Add a blue background to your photo

Have a photo instead of a blank canvas? Upload it and the editor removes the background and fills it with this color — switch shades with the custom picker.

What people use it for

Corporate and tech presentations, LinkedIn banners, YouTube thumbnails, app screens and UI mockups, gaming wallpapers, and document photos that require blue — see blue background passport photos.

Sizes

Every shade downloads in 1920×1080 (HD), 3840×2160 (4K), 1280×720, 1080×1080 (square posts) and 1080×1920 (stories and phone wallpapers). Files are real PNGs with the exact hex value in every pixel — no compression tint, no watermark.

Frequently asked questions

What is the hex for royal blue?

#4169E1. Cobalt is #0047AB, navy #000080, azure #007FFF.

Which blue for a passport or ID photo?

Requirements vary; a medium document blue like #2166C3 is the common default. Confirm the exact code with your authority and match it with the custom picker.

Which blue works best behind white text?

Navy, Prussian and Midnight Blue all exceed 10:1 with white text. Azure and Dodger Blue need dark text instead.

Can I put my own photo on blue?

Yes — the editor above fills passport blue by default; choose any shade with the custom picker.