Tasks

Palette information

Purple

Orange

Black

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#4c269a	rgb(76, 38, 154)	hsl(260, 60%, 38%)	hwb(260 15% 40%)	hsv 260°, 75%, 60%	cmyk 51%, 75%, 0%, 40%	Pantone 267C
#e4d7ff	rgb(228, 215, 255)	hsl(260, 100%, 92%)	hwb(260 84% 0%)	hsv 260°, 16%, 100%	cmyk 11%, 16%, 0%, 0%	Pantone 263C
#ffdfaf	rgb(255, 223, 175)	hsl(36, 100%, 84%)	hwb(36 69% 0%)	hsv 36°, 31%, 100%	cmyk 0%, 13%, 31%, 0%	Pantone 155C
#f1884e	rgb(241, 136, 78)	hsl(21, 85%, 63%)	hwb(21 31% 5%)	hsv 21°, 68%, 95%	cmyk 0%, 44%, 68%, 5%	Pantone 1565C
#191c32	rgb(25, 28, 50)	hsl(233, 33%, 15%)	hwb(233 10% 80%)	hsv 233°, 50%, 20%	cmyk 50%, 44%, 0%, 80%	Pantone 5255C

Click a color format to copy to your clipboard.

White background Black background

#4c269a

10.2

#e4d7ff

1.4

#ffdfaf

1.3

#e4d7ff

2.5

#e4d7ff

16.8

Color blindness filter

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

Android color codes


                <color name="Tasks_1">#4c269a</color>


                <color name="Tasks_2">#e4d7ff</color>


                <color name="Tasks_3">#ffdfaf</color>


                <color name="Tasks_4">#f1884e</color>


                <color name="Tasks_5">#191c32</color>

Flutter color codes


                const Tasks1 = Color(0xFF4c269a);


                const Tasks2 = Color(0xFFe4d7ff);


                const Tasks3 = Color(0xFFffdfaf);


                const Tasks4 = Color(0xFFf1884e);


                const Tasks5 = Color(0xFF191c32);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator