<!--
{
  "documentType" : "article",
  "framework" : "TVML",
  "identifier" : "/documentation/TVML/background-color",
  "metadataVersion" : "0.1.0",
  "role" : "article",
  "title" : "background-color"
}
-->

# background-color

Changes the background color of an element.

## Overview

Here’s an example of how to change the background color of a `description` element.

```xml
<description style="background-color:rgba(0,0,255,0.3)">Light purple background</description>
```

### Values for background-color

- `rgb(r,g,b)`: The background color of an element, where `r,g,b` are the red,
  green, and blue color components, and have a value range from `0-255`.
- `rgba(r,g,b,a)`: The background color of an element, where `r,g,b` are the
  red, green, and blue color components, and have a value range from `0-255`, and `a`
  is the alpha applied to the color, ranging from `0.0-1.0`.
- `transparent`: The background color of the element, which is transparent.

### Elements that Use background-color

- [description](/documentation/TVML/description)
- [ratingCard](/documentation/TVML/ratingcard)
- [reviewCard](/documentation/TVML/reviewcard)
- [textBadge](/documentation/TVML/textbadge)

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)