Purple Dusk

Palette information

Pink

Purple

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#ef3a54	rgb(239, 58, 84)	hsl(351, 85%, 58%)	hwb(351 23% 6%)	hsv 351°, 76%, 94%	cmyk 0%, 76%, 65%, 6%	Pantone 1785C
#abb2ce	rgb(171, 178, 206)	hsl(228, 26%, 74%)	hwb(228 67% 19%)	hsv 228°, 17%, 81%	cmyk 17%, 14%, 0%, 19%	Pantone 536C
#9366af	rgb(147, 102, 175)	hsl(277, 31%, 54%)	hwb(277 40% 31%)	hsv 277°, 42%, 69%	cmyk 16%, 42%, 0%, 31%	Pantone 2577C
#5c1c50	rgb(92, 28, 80)	hsl(311, 53%, 24%)	hwb(311 11% 64%)	hsv 311°, 70%, 36%	cmyk 0%, 70%, 13%, 64%	Pantone 261C
#220d26	rgb(34, 13, 38)	hsl(290, 49%, 10%)	hwb(290 5% 85%)	hsv 290°, 66%, 15%	cmyk 11%, 66%, 0%, 85%	Pantone 276C

Click a color format to copy to your clipboard.

White background Black background

#EF3A54

3.9

#ABB2CE

2.1

#9366AF

4.4

#ABB2CE

12.1

#ABB2CE

18.2

Color blindness filter

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

Android color codes


                <color name="Purple Dusk_1">#EF3A54</color>


                <color name="Purple Dusk_2">#ABB2CE</color>


                <color name="Purple Dusk_3">#9366AF</color>


                <color name="Purple Dusk_4">#5C1C50</color>


                <color name="Purple Dusk_5">#220D26</color>

Flutter color codes


                const Purple Dusk1 = Color(0xFFEF3A54);


                const Purple Dusk2 = Color(0xFFABB2CE);


                const Purple Dusk3 = Color(0xFF9366AF);


                const Purple Dusk4 = Color(0xFF5C1C50);


                const Purple Dusk5 = Color(0xFF220D26);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator