Solid Fire Brick Background #B22222
Copy CSS snippets
Ready to copy
Adjust the Color
Solid Fire Brick background details
With hex #B22222 (rgb(178, 34, 34)), this versatile mid-tone red tone sits around 0° on the color wheel. Its balanced color makes it feel passionate and powerful, which is why designers reach for fire brick when they need a dependable background that still has personality.
Quick specs
- HEX
- #B22222
- RGB
- rgb(178, 34, 34)
- HSL
- hsl(0, 68%, 42%)
- Readable text
- #FFFFFF
background-color: #B22222;
Where Fire Brick shines
- Attention-grabbing badges or sale overlays
- Fire Brick accent walls behind product shots to amplify contrast
- Fashion look-books where bold color blocking matters
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 lossless PNG/JPEG files up to 5000×5000, so you can drop the color straight into mockups or presentations.
Related shades
Color story & pairings
Fire Brick is timeless - used in theater curtains, fashion lookbooks, and holiday packaging. It is a strong fit for bold wallpapers and statement product shots.
Looking for a solid fire brick background or a downloadable fire brick wallpaper? The instant preview, copy-ready HEX/RGB codes, and high-resolution exports above make it easy to grab the exact shade and drop it straight into your project.
Try pairing it with dark turquoise, tiffany blue or cyan for palettes that feel intentional on screen and in exports.
Pro tip: toggle theatre or fullscreen mode to see fire brick fill your entire display. It’s perfect for ambient lighting, palette testing, or quick product shots when you need a clean, solid background.