In CSS, we use the `background-color` property to specify the background color of an element.

In the code snippet below, the entire color of the web page is set using the *`background-color`* property.

<html>
 <head>
 </head>
 <body>
   <h1>Hi there!</h1>
 </body>
</html>

codemirror

The *value* of the *`background-color`* property can be specified in three ways:
1. Using *`RGB values`* e.g. rgb(250,0,0), rgb(0,250,0), etc.
2. Using a *`Hexadecimal(HEX) value`* e.g. #FFFFFF, #000000, etc.
3. Using a valid *`color name`* e.g. "white", "red", "black", "blue", etc. 

$$$$
The code snippet below sets the background color for the entire `body`, `<div>`, `<h2>` and `<p>` elements of the web page.

body {
	background-color: #FCD6CB;
}

div {
	background-color: blue;
}

h2 {
	background-color: #74C3E1;
}

p {
  background-color: rgb(250,0,0);
}

<html>
 <head>
 </head>
 <body>
   <h2>Hi there!</h2>
   <div>
     <br/>
   </div>
   <p>It's cool, right?</p>
 </body>
</html>

How do you change the background color using CSS?

Set background color in CSS using background-color with RGB, HEX, or color names.