Solid Ultramarine Background #120A8F
Copy CSS snippets
Ready to copy
Adjust the Color
Solid Ultramarine background details
With hex #120A8F (rgb(18, 10, 143)), this deep, low-light blue tone sits around 244° 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.
Ultramarine Came From Beyond the Sea
Ground from lapis lazuli carried to Europe from Afghan mines, ultramarine took its name from the Latin for 'beyond the sea,' and the pigment was famously so costly that Renaissance painters often reserved it for the robes of the Virgin Mary. Few named colors arrive with this much art history already attached to them.
The digital version runs deeper than most people expect. At #120A8F it sits close to navy, with a violet undertow that reveals itself next to a true blue. That depth makes it a dramatic full-bleed background: white or gold type on ultramarine instantly borrows some of the pigment's old ecclesiastical gravity, no gilding required.
A palette that works with Ultramarine
Gold on ultramarine is the oldest luxury pairing in painting, and ivory with burnt orange updates it toward a warmer, modern poster palette.
Quick specs
- HEX
- #120A8F
- RGB
- rgb(18, 10, 143)
- HSL
- hsl(244, 87%, 30%)
- Readable text
- #FFFFFF
background-color: #120A8F;
Where Ultramarine shines
- Tech or finance dashboards that need a trustworthy base hue
- Ultramarine backdrops for travel, sky, or ocean-inspired campaigns
- Presentation slides where cool tones keep focus on the data
Practical tips
- Stick with off-white (#F5F5F5) or pure white typography for clarity (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
Ultramarine background FAQs
Can I download a solid Ultramarine background?
Yes. This solid ultramarine background is available as free PNG and JPEG downloads for HD desktop, 4K, phone, square, and custom sizes.
What is the HEX code for Ultramarine?
Ultramarine uses HEX #120A8F and rgb(18, 10, 143). You can copy both values from this page or adjust the shade before exporting a background image.
Is Ultramarine better for phone or desktop wallpaper?
Ultramarine is especially useful for desktop wallpapers, OLED-friendly screens, presentation backdrops, and low-distraction setups. The phone preset also works well for a darker lock screen.