Insights

Palette information

Purple

Blue

White

Cyan

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#860ec6	rgb(134, 14, 198)	hsl(279, 87%, 42%)	hwb(279 5% 22%)	hsv 279°, 93%, 78%	cmyk 32%, 93%, 0%, 22%	Pantone 2592C
#bd8fd8	rgb(189, 143, 216)	hsl(278, 48%, 70%)	hwb(278 56% 15%)	hsv 278°, 34%, 85%	cmyk 12%, 34%, 0%, 15%	Pantone 2573C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#44bee5	rgb(68, 190, 229)	hsl(195, 76%, 58%)	hwb(195 27% 10%)	hsv 195°, 70%, 90%	cmyk 70%, 17%, 0%, 10%	Pantone 2985C
#151e33	rgb(21, 30, 51)	hsl(222, 42%, 14%)	hwb(222 8% 80%)	hsv 222°, 59%, 20%	cmyk 59%, 41%, 0%, 80%	Pantone 296C

Click a color format to copy to your clipboard.

White background Black background

#860EC6

7.3

#BD8FD8

2.6

#ffffff

1.0

#BD8FD8

2.2

#BD8FD8

16.6

Color blindness filter

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

Android color codes


                <color name="Insights_1">#860EC6</color>


                <color name="Insights_2">#BD8FD8</color>


                <color name="Insights_3">#ffffff</color>


                <color name="Insights_4">#44BEE5</color>


                <color name="Insights_5">#151E33</color>

Flutter color codes


                const Insights1 = Color(0xFF860EC6);


                const Insights2 = Color(0xFFBD8FD8);


                const Insights3 = Color(0xFFffffff);


                const Insights4 = Color(0xFF44BEE5);


                const Insights5 = Color(0xFF151E33);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator