Power

Palette information

Red

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#ff8691	rgb(255, 134, 145)	hsl(355, 100%, 76%)	hwb(355 53% 0%)	hsv 355°, 47%, 100%	cmyk 0%, 47%, 43%, 0%	Pantone 177C
#e5eaf4	rgb(229, 234, 244)	hsl(220, 41%, 93%)	hwb(220 90% 4%)	hsv 220°, 6%, 96%	cmyk 6%, 4%, 0%, 4%	Pantone 656C
#92a5fe	rgb(146, 165, 254)	hsl(229, 98%, 78%)	hwb(229 57% 0%)	hsv 229°, 43%, 100%	cmyk 43%, 35%, 0%, 0%	Pantone 2715C
#587ffc	rgb(88, 127, 252)	hsl(226, 96%, 67%)	hwb(226 35% 1%)	hsv 226°, 65%, 99%	cmyk 65%, 50%, 0%, 1%	Pantone 2726C
#1e1e5d	rgb(30, 30, 93)	hsl(240, 51%, 24%)	hwb(240 12% 64%)	hsv 240°, 68%, 36%	cmyk 68%, 68%, 0%, 64%	Pantone 2757C

Click a color format to copy to your clipboard.

White background Black background

#ff8691

2.3

#e5eaf4

1.2

#92a5fe

2.3

#e5eaf4

3.6

#e5eaf4

15.0

Color blindness filter

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

Android color codes


                <color name="Power_1">#ff8691</color>


                <color name="Power_2">#e5eaf4</color>


                <color name="Power_3">#92a5fe</color>


                <color name="Power_4">#587ffc</color>


                <color name="Power_5">#1e1e5d</color>

Flutter color codes


                const Power1 = Color(0xFFff8691);


                const Power2 = Color(0xFFe5eaf4);


                const Power3 = Color(0xFF92a5fe);


                const Power4 = Color(0xFF587ffc);


                const Power5 = Color(0xFF1e1e5d);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator