Color Scales | Components AI

Theme

TypeModeInterpolation

Steps

RGBA

Padding left

Padding right

Bg

Constrain to theme

#ccaeff

1.9011.07

#b28dff

2.588.15

#966fff

3.496.01

#7854ff

4.664.51

#593cff

5.973.52

#3a28ef

7.692.73

#1c18d7

9.722.16

#030eba

11.831.78

#030a99

13.931.51

#0e0975

15.971.31

#140a51

17.621.19

#14062e

19.171.10

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

Accessible color combinations

: #14062E

: #CCAEFF

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.

: #CCAEFF

: #14062E

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.

: #140A51

: #CCAEFF

Contrast: 9.28

Aa Bb Cc Dd Ee Ff

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

: #CCAEFF

: #140A51

Contrast: 9.28

Aa Bb Cc Dd Ee Ff

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

: #0E0975

: #CCAEFF

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.

: #CCAEFF

: #0E0975

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.

: #14062E

: #B28DFF

Contrast: 7.44

Aa Bb Cc Dd Ee Ff

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

: #B28DFF

: #14062E

Contrast: 7.44

Aa Bb Cc Dd Ee Ff

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

: #030A99

: #CCAEFF

Contrast: 7.34

Aa Bb Cc Dd Ee Ff

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

: #CCAEFF

: #030A99

Contrast: 7.34

Aa Bb Cc Dd Ee Ff

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

: #140A51

: #B28DFF

Contrast: 6.83

Aa Bb Cc Dd Ee Ff

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

: #B28DFF

: #140A51

Contrast: 6.83

Aa Bb Cc Dd Ee Ff

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

: #030EBA

: #CCAEFF

Contrast: 6.23

Aa Bb Cc Dd Ee Ff

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

: #CCAEFF

: #030EBA

Contrast: 6.23

Aa Bb Cc Dd Ee Ff

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

: #0E0975

: #B28DFF

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.

: #B28DFF

: #0E0975

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.

: #14062E

: #966FFF

Contrast: 5.49

Aa Bb Cc Dd Ee Ff

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

: #966FFF

: #14062E

Contrast: 5.49

Aa Bb Cc Dd Ee Ff

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

: #030A99

: #B28DFF

Contrast: 5.41

Aa Bb Cc Dd Ee Ff

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

: #B28DFF

: #030A99

Contrast: 5.41

Aa Bb Cc Dd Ee Ff

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

: #1C18D7

: #CCAEFF

Contrast: 5.12

Aa Bb Cc Dd Ee Ff

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

: #CCAEFF

: #1C18D7

Contrast: 5.12

Aa Bb Cc Dd Ee Ff

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

: #140A51

: #966FFF

Contrast: 5.05

Aa Bb Cc Dd Ee Ff

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

: #966FFF

: #140A51

Contrast: 5.05

Aa Bb Cc Dd Ee Ff

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

: #030EBA

: #B28DFF

Contrast: 4.59

Aa Bb Cc Dd Ee Ff

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

: #B28DFF

: #030EBA

Contrast: 4.59

Aa Bb Cc Dd Ee Ff

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

: #0E0975

: #966FFF

Contrast: 4.58

Aa Bb Cc Dd Ee Ff

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

: #966FFF

: #0E0975

Contrast: 4.58

Aa Bb Cc Dd Ee Ff

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