Solid Teal Background #008080
Copy CSS snippets
Ready to copy
Adjust the Color
Solid Teal background details
With hex #008080 (rgb(0, 128, 128)), this deep, low-light blue tone sits around 180° 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.
Teal and the Hollywood color trick
Teal takes its name from the Eurasian teal, a small duck with exactly this blue-green stripe across its eye. The color earned a permanent place in computing as one of the sixteen original named web colors — #008080, the half-intensity mix of green and blue.
Modern audiences see more teal than they realize: it is half of the teal-and-orange grade that dominates film and streaming posters, chosen because it sits nearly opposite skin tones on the color wheel and makes faces pop out of every frame.
That same complementary logic works on your screen. A teal background flatters warm subjects — skin, wood, food, brass — and gives dashboards and portfolios a calm confidence that plain blue lacks.
A palette that works with Teal
Warm partners are the whole point of teal — burnt orange and coral are its cinematic complements.
Quick specs
- HEX
- #008080
- RGB
- rgb(0, 128, 128)
- HSL
- hsl(180, 100%, 25%)
- Readable text
- #FFFFFF
background-color: #008080;
Where Teal shines
- Tech or finance dashboards that need a trustworthy base hue
- Teal 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
Teal background FAQs
Can I download a solid Teal background?
Yes. This solid teal background is available as free PNG and JPEG downloads for HD desktop, 4K, phone, square, and custom sizes.
What is the HEX code for Teal?
Teal uses HEX #008080 and rgb(0, 128, 128). You can copy both values from this page or adjust the shade before exporting a background image.
Is Teal better for phone or desktop wallpaper?
Teal 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.