---
title: "ChipColors"
description: "Represents the background and content colors used in a clickable chip in different states.

See [ChipDefaults.chipColors] for the default colors used in a filled [Chip]. See
[ChipDefaults.outlinedChipColors] for the default colors used in a outlined [Chip],"
type: "interface"
---

<div class='type'>Interface</div>


<a id='references'></a>

<div class='sourceset sourceset-common'>Common</div>



```kotlin
@ExperimentalMaterialApi
interface ChipColors
```


Represents the background and content colors used in a clickable chip in different states.

See `ChipDefaults.chipColors` for the default colors used in a filled `Chip`. See
`ChipDefaults.outlinedChipColors` for the default colors used in a outlined `Chip`,


## Functions

```kotlin
@Composable fun backgroundColor(enabled: Boolean): State<Color>
```


Represents the background color for this chip, depending on `enabled`.

#### Parameters

| | |
| --- | --- |
| enabled | whether the chip is enabled |



```kotlin
@Composable fun contentColor(enabled: Boolean): State<Color>
```


Represents the content color for this chip, depending on `enabled`, see
`leadingIconContentColor`.

#### Parameters

| | |
| --- | --- |
| enabled | whether the chip is enabled |



```kotlin
@Composable fun leadingIconContentColor(enabled: Boolean): State<Color>
```


Represents the leading icon's content color for this chip, depending on `enabled`.

#### Parameters

| | |
| --- | --- |
| enabled | whether the chip is enabled |