Night

Palette information

Purple

Blue

White

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#070066	rgb(7, 0, 102)	hsl(244, 100%, 20%)	hwb(244 0% 60%)	hsv 244°, 100%, 40%	cmyk 93%, 100%, 0%, 60%	Pantone 2745C
#710af0	rgb(113, 10, 240)	hsl(267, 92%, 49%)	hwb(267 4% 6%)	hsv 267°, 96%, 94%	cmyk 53%, 96%, 0%, 6%	Pantone 2736C
#ab66ff	rgb(171, 102, 255)	hsl(267, 100%, 70%)	hwb(267 40% 0%)	hsv 267°, 60%, 100%	cmyk 33%, 60%, 0%, 0%	Pantone 266C
#c8e8fe	rgb(200, 232, 254)	hsl(204, 96%, 89%)	hwb(204 78% 0%)	hsv 204°, 21%, 100%	cmyk 21%, 9%, 0%, 0%	Pantone 290C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C

Click a color format to copy to your clipboard.

White background Black background

#070066

17.5

#710af0

7.0

#ab66ff

3.5

#710af0

1.3

#710af0

1.0

Color blindness filter

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

Android color codes


                <color name="Night_1">#070066</color>


                <color name="Night_2">#710af0</color>


                <color name="Night_3">#ab66ff</color>


                <color name="Night_4">#c8e8fe</color>


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

Flutter color codes


                const Night1 = Color(0xFF070066);


                const Night2 = Color(0xFF710af0);


                const Night3 = Color(0xFFab66ff);


                const Night4 = Color(0xFFc8e8fe);


                const Night5 = Color(0xFFffffff);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator