Color Scales | Components AI

Theme

TypeModeInterpolation

Steps

RGBA

Padding left

Padding right

Bg

Constrain to theme

#feeaff

1.1418.43

#f9c9ff

1.4214.83

#f2a9ff

1.7711.89

#e789fd

2.249.39

#d869f4

2.907.25

#c64ce6

3.775.58

#b032d1

4.974.22

#971eb6

6.613.18

#7c1297

8.792.39

#601074

11.521.82

#431051

14.671.43

#270f2e

17.591.19

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

Badge

Badge

Accessible color combinations

: #270F2E

: #FEEAFF

Contrast: 15.43

Aa Bb Cc Dd Ee Ff

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

: #FEEAFF

: #270F2E

Contrast: 15.43

Aa Bb Cc Dd Ee Ff

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

: #431051

: #FEEAFF

Contrast: 12.87

Aa Bb Cc Dd Ee Ff

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

: #FEEAFF

: #431051

Contrast: 12.87

Aa Bb Cc Dd Ee Ff

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

: #270F2E

: #F9C9FF

Contrast: 12.42

Aa Bb Cc Dd Ee Ff

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

: #F9C9FF

: #270F2E

Contrast: 12.42

Aa Bb Cc Dd Ee Ff

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

: #431051

: #F9C9FF

Contrast: 10.36

Aa Bb Cc Dd Ee Ff

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

: #F9C9FF

: #431051

Contrast: 10.36

Aa Bb Cc Dd Ee Ff

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

: #601074

: #FEEAFF

Contrast: 10.10

Aa Bb Cc Dd Ee Ff

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

: #FEEAFF

: #601074

Contrast: 10.10

Aa Bb Cc Dd Ee Ff

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

: #270F2E

: #F2A9FF

Contrast: 9.96

Aa Bb Cc Dd Ee Ff

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

: #F2A9FF

: #270F2E

Contrast: 9.96

Aa Bb Cc Dd Ee Ff

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

: #431051

: #F2A9FF

Contrast: 8.31

Aa Bb Cc Dd Ee Ff

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

: #F2A9FF

: #431051

Contrast: 8.31

Aa Bb Cc Dd Ee Ff

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

: #601074

: #F9C9FF

Contrast: 8.13

Aa Bb Cc Dd Ee Ff

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

: #F9C9FF

: #601074

Contrast: 8.13

Aa Bb Cc Dd Ee Ff

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

: #270F2E

: #E789FD

Contrast: 7.87

Aa Bb Cc Dd Ee Ff

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

: #E789FD

: #270F2E

Contrast: 7.87

Aa Bb Cc Dd Ee Ff

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

: #7C1297

: #FEEAFF

Contrast: 7.71

Aa Bb Cc Dd Ee Ff

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

: #FEEAFF

: #7C1297

Contrast: 7.71

Aa Bb Cc Dd Ee Ff

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

: #431051

: #E789FD

Contrast: 6.56

Aa Bb Cc Dd Ee Ff

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

: #E789FD

: #431051

Contrast: 6.56

Aa Bb Cc Dd Ee Ff

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

: #601074

: #F2A9FF

Contrast: 6.52

Aa Bb Cc Dd Ee Ff

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

: #F2A9FF

: #601074

Contrast: 6.52

Aa Bb Cc Dd Ee Ff

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

: #7C1297

: #F9C9FF

Contrast: 6.20

Aa Bb Cc Dd Ee Ff

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

: #F9C9FF

: #7C1297

Contrast: 6.20

Aa Bb Cc Dd Ee Ff

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

: #270F2E

: #D869F4

Contrast: 6.07

Aa Bb Cc Dd Ee Ff

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

: #D869F4

: #270F2E

Contrast: 6.07

Aa Bb Cc Dd Ee Ff

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

: #971EB6

: #FEEAFF

Contrast: 5.80

Aa Bb Cc Dd Ee Ff

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

: #FEEAFF

: #971EB6

Contrast: 5.80

Aa Bb Cc Dd Ee Ff

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

: #601074

: #E789FD

Contrast: 5.15

Aa Bb Cc Dd Ee Ff

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

: #E789FD

: #601074

Contrast: 5.15

Aa Bb Cc Dd Ee Ff

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

: #431051

: #D869F4

Contrast: 5.06

Aa Bb Cc Dd Ee Ff

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

: #D869F4

: #431051

Contrast: 5.06

Aa Bb Cc Dd Ee Ff

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

: #7C1297

: #F2A9FF

Contrast: 4.98

Aa Bb Cc Dd Ee Ff

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

: #F2A9FF

: #7C1297

Contrast: 4.98

Aa Bb Cc Dd Ee Ff

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

: #270F2E

: #C64CE6

Contrast: 4.67

Aa Bb Cc Dd Ee Ff

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

: #C64CE6

: #270F2E

Contrast: 4.67

Aa Bb Cc Dd Ee Ff

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

: #971EB6

: #F9C9FF

Contrast: 4.67

Aa Bb Cc Dd Ee Ff

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

: #F9C9FF

: #971EB6

Contrast: 4.67

Aa Bb Cc Dd Ee Ff

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