Color Scales | Components AI

Theme

TypeModeInterpolation

Steps

RGBA

Padding left

Padding right

Bg

Constrain to theme

#ffebff

1.1318.58

#ffccff

1.3715.33

#ffacff

1.6712.60

#fa8cfd

2.0510.23

#ef6cf4

2.598.12

#de4ee6

3.316.34

#c832d1

4.354.83

#ad1bb7

5.813.62

#8f0f97

7.832.68

#6e0e74

10.621.98

#4d1151

13.871.51

#2c0f2e

17.291.21

Indicator

Indicator

Indicator

Indicator

Indicator

Indicator

Indicator

Indicator

Indicator

Indicator

Indicator

Indicator

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Badge

Accessible color combinations

: #2C0F2E

: #FFEBFF

Contrast: 15.29

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FFEBFF

: #2C0F2E

Contrast: 15.29

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #2C0F2E

: #FFCCFF

Contrast: 12.62

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FFCCFF

: #2C0F2E

Contrast: 12.62

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #4D1151

: #FFEBFF

Contrast: 12.27

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FFEBFF

: #4D1151

Contrast: 12.27

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #2C0F2E

: #FFACFF

Contrast: 10.37

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FFACFF

: #2C0F2E

Contrast: 10.37

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #4D1151

: #FFCCFF

Contrast: 10.12

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FFCCFF

: #4D1151

Contrast: 10.12

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #6E0E74

: #FFEBFF

Contrast: 9.39

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FFEBFF

: #6E0E74

Contrast: 9.39

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #2C0F2E

: #FA8CFD

Contrast: 8.42

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FA8CFD

: #2C0F2E

Contrast: 8.42

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #4D1151

: #FFACFF

Contrast: 8.32

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FFACFF

: #4D1151

Contrast: 8.32

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #6E0E74

: #FFCCFF

Contrast: 7.75

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FFCCFF

: #6E0E74

Contrast: 7.75

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #8F0F97

: #FFEBFF

Contrast: 6.92

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FFEBFF

: #8F0F97

Contrast: 6.92

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #4D1151

: #FA8CFD

Contrast: 6.76

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FA8CFD

: #4D1151

Contrast: 6.76

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #2C0F2E

: #EF6CF4

Contrast: 6.69

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #EF6CF4

: #2C0F2E

Contrast: 6.69

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #6E0E74

: #FFACFF

Contrast: 6.37

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FFACFF

: #6E0E74

Contrast: 6.37

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #8F0F97

: #FFCCFF

Contrast: 5.71

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FFCCFF

: #8F0F97

Contrast: 5.71

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #4D1151

: #EF6CF4

Contrast: 5.36

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #EF6CF4

: #4D1151

Contrast: 5.36

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #2C0F2E

: #DE4EE6

Contrast: 5.22

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #DE4EE6

: #2C0F2E

Contrast: 5.22

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #6E0E74

: #FA8CFD

Contrast: 5.17

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FA8CFD

: #6E0E74

Contrast: 5.17

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #AD1BB7

: #FFEBFF

Contrast: 5.14

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FFEBFF

: #AD1BB7

Contrast: 5.14

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #8F0F97

: #FFACFF

Contrast: 4.69

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FFACFF

: #8F0F97

Contrast: 4.69

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.