---
title: CSS Text Color
description: "> CSS has a lot of properties for formatting text. # text formatting This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the…"
url: "https://apprentice.mn/docs/css-text/"
updated: "2021-05-08"
category: CSS
---

# CSS Text Color

> CSS has a lot of properties for formatting text.

# text formatting

This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties.
 The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from this colored
 [“Try it Yourself”](tryit.asp?filename=trycss_text) link.

## Text Color

The `color` property is used to set the color of the text. The color is specified by:

- a color name – like “red”
- a HEX value – like “#ff0000”
- an RGB value – like “rgb(255,0,0)”

Look at [CSS Color Values](https://www.w3schools.com/cssref/css_colors_legal.asp) for a complete list of possible color values.

The default text color for a page is defined in the body selector.

       `body {
  color: blue;
}

h1 {
  color: green;
}`

**Note:** For W3C compliant CSS: If you define the `color` property, you must also define the `background-color`.

---

##  

## Text Color and Background Color

In this example, we define both the `background-color` property and the `color` property:

     `body {
  background-color: lightgrey;
  color: blue;
}

h1 {
  background-color: black;
  color: white;
}`        [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-text%2F&linkname=CSS%20Text%20Color](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-text%2F&linkname=CSS%20Text%20Color)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-text%2F&linkname=CSS%20Text%20Color](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-text%2F&linkname=CSS%20Text%20Color)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-text%2F&linkname=CSS%20Text%20Color](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-text%2F&linkname=CSS%20Text%20Color)[https://www.addtoany.com/share](https://www.addtoany.com/share)