<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>Color</title> </head> <body> <-- background has no opacity -> <div style= "background: rgba(50, 50, 50);"> <p style = "color: red;">color: red</p> <p style = "color: #FF0000;">color: #FF0000</p> </div> <-- background has 50% opacity -> <div style= "background: rgba(50, 50, 50, 0.5);"> <p style = "color: blue;">color: blue</p> <p style = "color: #0000FF;">color: #0000FF</p> </div> </body> </html>