Night

Palette information

Purple

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#72aee9	rgb(114, 174, 233)	hsl(210, 73%, 68%)	hwb(210 45% 9%)	hsv 210°, 51%, 91%	cmyk 51%, 25%, 0%, 9%	Pantone 284C
#5316ba	rgb(83, 22, 186)	hsl(262, 79%, 41%)	hwb(262 9% 27%)	hsv 262°, 88%, 73%	cmyk 55%, 88%, 0%, 27%	Pantone 2736C
#541e87	rgb(84, 30, 135)	hsl(271, 64%, 32%)	hwb(271 12% 47%)	hsv 271°, 78%, 53%	cmyk 38%, 78%, 0%, 47%	Pantone 2607C
#05052e	rgb(5, 5, 46)	hsl(240, 80%, 10%)	hwb(240 2% 82%)	hsv 240°, 89%, 18%	cmyk 89%, 89%, 0%, 82%	Pantone 282C
#ab9cdf	rgb(171, 156, 223)	hsl(253, 51%, 74%)	hwb(253 61% 13%)	hsv 253°, 30%, 87%	cmyk 23%, 30%, 0%, 13%	Pantone 2645C

Click a color format to copy to your clipboard.

White background Black background

#72AEE9

2.3

#5316BA

9.6

#541E87

11.0

#5316BA

19.7

#5316BA

2.5

Color blindness filter

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

Android color codes


                <color name="Night_1">#72AEE9</color>


                <color name="Night_2">#5316BA</color>


                <color name="Night_3">#541E87</color>


                <color name="Night_4">#05052E</color>


                <color name="Night_5">#AB9CDF</color>

Flutter color codes


                const Night1 = Color(0xFF72AEE9);


                const Night2 = Color(0xFF5316BA);


                const Night3 = Color(0xFF541E87);


                const Night4 = Color(0xFF05052E);


                const Night5 = Color(0xFFAB9CDF);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator