Generative

Palette information

Sat Mar 18 2023

normal

Pink

Purple

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#e3a3ff	rgb(227, 163, 255)	hsl(282, 100%, 82%)	hwb(282 64% 0%)	hsv 282°, 36%, 100%	cmyk 11%, 36%, 0%, 0%	Pantone 2572C
#edc4ff	rgb(237, 196, 255)	hsl(282, 100%, 88%)	hwb(282 77% 0%)	hsv 282°, 23%, 100%	cmyk 7%, 23%, 0%, 0%	Pantone 243C
#e9e6ff	rgb(233, 230, 255)	hsl(247, 100%, 95%)	hwb(247 90% 0%)	hsv 247°, 10%, 100%	cmyk 9%, 10%, 0%, 0%	Pantone 2706C
#c0b5ff	rgb(192, 181, 255)	hsl(249, 100%, 85%)	hwb(249 71% 0%)	hsv 249°, 29%, 100%	cmyk 25%, 29%, 0%, 0%	Pantone 264C
#a899ff	rgb(168, 153, 255)	hsl(249, 100%, 80%)	hwb(249 60% 0%)	hsv 249°, 40%, 100%	cmyk 34%, 40%, 0%, 0%	Pantone 2715C

Click a color format to copy to your clipboard.

Background

#e3a3ff

1.9

#edc4ff

1.5

#e9e6ff

1.2

#c0b5ff

1.9

#a899ff

2.4

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Android color codes


                <color name="Generative_1">#e3a3ff</color>


                <color name="Generative_2">#edc4ff</color>


                <color name="Generative_3">#e9e6ff</color>


                <color name="Generative_4">#c0b5ff</color>


                <color name="Generative_5">#a899ff</color>

Flutter color codes


                const Generative1 = Color(0xFFe3a3ff);


                const Generative2 = Color(0xFFedc4ff);


                const Generative3 = Color(0xFFe9e6ff);


                const Generative4 = Color(0xFFc0b5ff);


                const Generative5 = Color(0xFFa899ff);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator