---
title: "SelectableChipColors"
description: "Represents the background and content colors used in a selectable chip in different states.
[FilterChip], choice chip and input chip are types of selectable chips. See
[ChipDefaults.filterChipColors] for the default colors used in a filled [FilterChip]. See
[ChipDefaults.outlinedFilterChipColors] for the default colors used in a outlined [FilterChip]."
type: "interface"
---

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


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

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



```kotlin
@ExperimentalMaterialApi
interface SelectableChipColors
```


Represents the background and content colors used in a selectable chip in different states.
`FilterChip`, choice chip and input chip are types of selectable chips. See
`ChipDefaults.filterChipColors` for the default colors used in a filled `FilterChip`. See
`ChipDefaults.outlinedFilterChipColors` for the default colors used in a outlined `FilterChip`.


## Functions

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


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

#### Parameters

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



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


Represents the content color for this chip, depending on `enabled` and `selected`.

#### Parameters

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



```kotlin
@Composable fun leadingIconColor(enabled: Boolean, selected: Boolean): State<Color>
```


Represents the leading icon color for this chip, depending on `enabled` and `selected`.

#### Parameters

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