Color Scales | Components AI

Theme

TypeModeInterpolation

Steps

RGBA

Padding left

Padding right

Bg

Constrain to theme

#ffc9ff

1.4015.05

#ffb1ff

1.6212.98

#fd99ff

1.8811.18

#f382f8

2.249.36

#e66bec

2.737.68

#d356da

3.446.11

#bc45c4

4.394.79

#a236a9

5.773.64

#852b8a

7.752.71

#66236a

10.432.01

#471b4a

13.781.52

#29132a

17.201.22

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

Accessible color combinations

: #29132A

: #FFC9FF

Contrast: 12.33

Aa Bb Cc Dd Ee Ff

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

: #FFC9FF

: #29132A

Contrast: 12.33

Aa Bb Cc Dd Ee Ff

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

: #29132A

: #FFB1FF

Contrast: 10.64

Aa Bb Cc Dd Ee Ff

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

: #FFB1FF

: #29132A

Contrast: 10.64

Aa Bb Cc Dd Ee Ff

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

: #471B4A

: #FFC9FF

Contrast: 9.88

Aa Bb Cc Dd Ee Ff

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

: #FFC9FF

: #471B4A

Contrast: 9.88

Aa Bb Cc Dd Ee Ff

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

: #29132A

: #FD99FF

Contrast: 9.15

Aa Bb Cc Dd Ee Ff

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

: #FD99FF

: #29132A

Contrast: 9.15

Aa Bb Cc Dd Ee Ff

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

: #471B4A

: #FFB1FF

Contrast: 8.52

Aa Bb Cc Dd Ee Ff

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

: #FFB1FF

: #471B4A

Contrast: 8.52

Aa Bb Cc Dd Ee Ff

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

: #29132A

: #F382F8

Contrast: 7.67

Aa Bb Cc Dd Ee Ff

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

: #F382F8

: #29132A

Contrast: 7.67

Aa Bb Cc Dd Ee Ff

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

: #66236A

: #FFC9FF

Contrast: 7.47

Aa Bb Cc Dd Ee Ff

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

: #FFC9FF

: #66236A

Contrast: 7.47

Aa Bb Cc Dd Ee Ff

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

: #471B4A

: #FD99FF

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.

: #FD99FF

: #471B4A

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.

: #66236A

: #FFB1FF

Contrast: 6.45

Aa Bb Cc Dd Ee Ff

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

: #FFB1FF

: #66236A

Contrast: 6.45

Aa Bb Cc Dd Ee Ff

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

: #29132A

: #E66BEC

Contrast: 6.29

Aa Bb Cc Dd Ee Ff

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

: #E66BEC

: #29132A

Contrast: 6.29

Aa Bb Cc Dd Ee Ff

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

: #471B4A

: #F382F8

Contrast: 6.14

Aa Bb Cc Dd Ee Ff

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

: #F382F8

: #471B4A

Contrast: 6.14

Aa Bb Cc Dd Ee Ff

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

: #852B8A

: #FFC9FF

Contrast: 5.55

Aa Bb Cc Dd Ee Ff

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

: #FFC9FF

: #852B8A

Contrast: 5.55

Aa Bb Cc Dd Ee Ff

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

: #66236A

: #FD99FF

Contrast: 5.55

Aa Bb Cc Dd Ee Ff

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

: #FD99FF

: #66236A

Contrast: 5.55

Aa Bb Cc Dd Ee Ff

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

: #471B4A

: #E66BEC

Contrast: 5.04

Aa Bb Cc Dd Ee Ff

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

: #E66BEC

: #471B4A

Contrast: 5.04

Aa Bb Cc Dd Ee Ff

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

: #29132A

: #D356DA

Contrast: 5.01

Aa Bb Cc Dd Ee Ff

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

: #D356DA

: #29132A

Contrast: 5.01

Aa Bb Cc Dd Ee Ff

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

: #852B8A

: #FFB1FF

Contrast: 4.79

Aa Bb Cc Dd Ee Ff

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

: #FFB1FF

: #852B8A

Contrast: 4.79

Aa Bb Cc Dd Ee Ff

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

: #66236A

: #F382F8

Contrast: 4.65

Aa Bb Cc Dd Ee Ff

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

: #F382F8

: #66236A

Contrast: 4.65

Aa Bb Cc Dd Ee Ff

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