Vainilla

Palette information

Purple

Yellow

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#bd59e8	rgb(189, 89, 232)	hsl(282, 76%, 63%)	hwb(282 35% 9%)	hsv 282°, 62%, 91%	cmyk 19%, 62%, 0%, 9%	Pantone 2582C
#da85ff	rgb(218, 133, 255)	hsl(282, 100%, 76%)	hwb(282 52% 0%)	hsv 282°, 48%, 100%	cmyk 15%, 48%, 0%, 0%	Pantone 252C
#ffbc8f	rgb(255, 188, 143)	hsl(24, 100%, 78%)	hwb(24 56% 0%)	hsv 24°, 44%, 100%	cmyk 0%, 26%, 44%, 0%	Pantone 1555C
#ffd68f	rgb(255, 214, 143)	hsl(38, 100%, 78%)	hwb(38 56% 0%)	hsv 38°, 44%, 100%	cmyk 0%, 16%, 44%, 0%	Pantone 1345C
#ffeac7	rgb(255, 234, 199)	hsl(38, 100%, 89%)	hwb(38 78% 0%)	hsv 38°, 22%, 100%	cmyk 0%, 8%, 22%, 0%	Pantone 475C

Click a color format to copy to your clipboard.

White background Black background

#bd59e8

3.6

#da85ff

2.4

#ffbc8f

1.6

#da85ff

1.4

#da85ff

1.2

Color blindness filter

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

Android color codes


                <color name="Vainilla_1">#bd59e8</color>


                <color name="Vainilla_2">#da85ff</color>


                <color name="Vainilla_3">#ffbc8f</color>


                <color name="Vainilla_4">#ffd68f</color>


                <color name="Vainilla_5">#ffeac7</color>

Flutter color codes


                const Vainilla1 = Color(0xFFbd59e8);


                const Vainilla2 = Color(0xFFda85ff);


                const Vainilla3 = Color(0xFFffbc8f);


                const Vainilla4 = Color(0xFFffd68f);


                const Vainilla5 = Color(0xFFffeac7);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator