Solid Sapphire Background #0F52BA

Copy CSS snippets
Ready to copy
Adjust the Color
Solid Sapphire background details
With hex #0F52BA (rgb(15, 82, 186)), this versatile mid-tone blue tone sits around 216° on the color wheel. Its bold, saturated appearance reads as focused and trustworthy on screen. Use the values and preview above to test it in the layout where it will actually appear.
Sapphire keeps its gemstone depth
Jewelers grade sapphires by how close they come to this: a deep, velvety blue with neither too much violet nor any drift toward gray. The gem is corundum, the traditional September birthstone, and the color named for it, #0F52BA, lands convincingly in that prized cornflower-to-royal territory without going black in shadow.
Used as a background, it behaves like formalwear. It flatters metallic accents the way a jewelry-box lining flatters stones, so gold and platinum type look natural on it. It suits award announcements, luxury packaging mockups, and any slide where navy feels too austere and royal blue too eager.
A palette that works with Sapphire
Gold and platinum play the settings to Sapphire's stone, while white and midnight blue provide the light and shadow around the jewel.
Quick specs
- HEX
- #0F52BA
- RGB
- rgb(15, 82, 186)
- HSL
- hsl(216, 85%, 39%)
- Readable text
- #FFFFFF
background-color: #0F52BA;
Where Sapphire shines
- Tech or finance dashboards that need a trustworthy base hue
- Sapphire backdrops for travel, sky, or ocean-inspired campaigns
- Presentation slides where cool tones keep focus on the data
Practical tips
- Both dark and light copy read well here—use weight/size to dial in emphasis (the Copy RGB/HEX buttons above make it easy to grab the exact values).
- Use the adjustment sliders to nudge the hue when you need a complementary accent.
- The download tool exports PNG/JPEG files up to 7680×7680, so you can drop the color straight into mockups or presentations.
Related shades
Popular solid background pages
Sapphire background FAQs
Can I download a solid Sapphire background?
Yes. This solid sapphire background is available as free PNG and JPEG downloads for HD desktop, 4K, phone, square, and custom sizes.
What is the HEX code for Sapphire?
Sapphire uses HEX #0F52BA and rgb(15, 82, 186). You can copy both values from this page or adjust the shade before exporting a background image.
Is Sapphire better for phone or desktop wallpaper?
Sapphire is a strong all-purpose wallpaper color. Use the 4K or HD preset for desktop screens and the 1080x1920 preset for a solid sapphire phone background.
