In CSS, we use the `color` property to set the foreground color of the text content for an element.

The code snippet below shows the *syntax* of using the `color` property to set the color of the `<h1>` element.

<html>
 <head>
 </head>
 <body>
   <h1>Hello, World!</h1>
 </body>
</html>

codemirror

The *value* of the *`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. 

h1 {
	color: blue;
}

h3 {
	color: rgb(0,250,0);
}

p {
	color: #FF8882;
}

<html>
 <head>
 </head>
 <body>
   <h1>Hello, World!</h1>
   <h3>Welcome to Edpresso by Educative</h3>
   <p>Get a shot of dev knowledge everyday!</p>
 </body>
</html>

In the code snippet above, a *valid color name* is used to set the color for `<h1>`. In case of `<h3>`, *rgb values* are used and a *HEX value* is used to set the color for the `<p>` tag.

How do you change the font color using CSS?

In CSS, we use the color property to set the foreground color of the text content for an element. 