Lilac

Palette information

Sat Jun 04 2022

normal

Blue

Pink

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#7281f6	rgb(114, 129, 246)	hsl(233, 88%, 71%)	hwb(233 45% 4%)	hsv 233°, 54%, 96%	cmyk 54%, 48%, 0%, 4%	Pantone 814C
#bac2fa	rgb(186, 194, 250)	hsl(233, 86%, 85%)	hwb(233 73% 2%)	hsv 233°, 26%, 98%	cmyk 26%, 22%, 0%, 2%	Pantone 2716C
#eaecfd	rgb(234, 236, 253)	hsl(234, 83%, 95%)	hwb(234 92% 1%)	hsv 234°, 8%, 99%	cmyk 8%, 7%, 0%, 1%	Pantone 656C
#e85edf	rgb(232, 94, 223)	hsl(304, 75%, 64%)	hwb(304 37% 9%)	hsv 304°, 59%, 91%	cmyk 0%, 59%, 4%, 9%	Pantone 2385C
#d91fcc	rgb(217, 31, 204)	hsl(304, 75%, 49%)	hwb(304 12% 15%)	hsv 304°, 86%, 85%	cmyk 0%, 86%, 6%, 15%	Pantone 807C

Click a color format to copy to your clipboard.

Background

#7281f6

3.4

#bac2fa

1.7

#eaecfd

1.2

#e85edf

3.0

#d91fcc

4.2

Color blindness filter

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

Android color codes


                <color name="Lilac_1">#7281f6</color>


                <color name="Lilac_2">#bac2fa</color>


                <color name="Lilac_3">#eaecfd</color>


                <color name="Lilac_4">#e85edf</color>


                <color name="Lilac_5">#d91fcc</color>

Flutter color codes


                const Lilac1 = Color(0xFF7281f6);


                const Lilac2 = Color(0xFFbac2fa);


                const Lilac3 = Color(0xFFeaecfd);


                const Lilac4 = Color(0xFFe85edf);


                const Lilac5 = Color(0xFFd91fcc);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator