Future

Palette information

Blue

Purple

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#10005d	rgb(16, 0, 93)	hsl(250, 100%, 18%)	hwb(250 0% 64%)	hsv 250°, 100%, 36%	cmyk 83%, 100%, 0%, 64%	Pantone 2755C
#1b289a	rgb(27, 40, 154)	hsl(234, 70%, 35%)	hwb(234 11% 40%)	hsv 234°, 82%, 60%	cmyk 82%, 74%, 0%, 40%	Pantone 2746C
#3351e5	rgb(51, 81, 229)	hsl(230, 77%, 55%)	hwb(230 20% 10%)	hsv 230°, 78%, 90%	cmyk 78%, 65%, 0%, 10%	Pantone 2728C
#f3bd81	rgb(243, 189, 129)	hsl(32, 83%, 73%)	hwb(32 51% 5%)	hsv 32°, 47%, 95%	cmyk 0%, 22%, 47%, 5%	Pantone 156C
#860b9a	rgb(134, 11, 154)	hsl(292, 87%, 32%)	hwb(292 4% 40%)	hsv 292°, 93%, 60%	cmyk 13%, 93%, 0%, 40%	Pantone 2602C

Click a color format to copy to your clipboard.

White background Black background

#10005d

17.8

#1b289a

11.6

#3351e5

6.1

#1b289a

1.7

#1b289a

8.3

Color blindness filter

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

Android color codes


                <color name="Future_1">#10005d</color>


                <color name="Future_2">#1b289a</color>


                <color name="Future_3">#3351e5</color>


                <color name="Future_4">#f3bd81</color>


                <color name="Future_5">#860b9a</color>

Flutter color codes


                const Future1 = Color(0xFF10005d);


                const Future2 = Color(0xFF1b289a);


                const Future3 = Color(0xFF3351e5);


                const Future4 = Color(0xFFf3bd81);


                const Future5 = Color(0xFF860b9a);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator