How to Change the font color in CSS

In this tutorial, we are going to learn about how to change the font or text color of an html element using CSS.

Using color property

In CSS, we can use the color property to change the foreground text color of an html element.

Here is an example, that changes the text color of a <h1> element to green:

<h1>This is green color</h1>

h1{
    color: green;
}

We can also specify the color property values in hex (#FCD3DC) or rgb (rgb(0,24,45)) formats.

Example:

p{
    color: #FCD3DC;
}

header{
   color: rgb(0,24,45);
}