Midnight Moon

Palette information

normal

Pink

Purple

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#1c2052	rgb(28, 32, 82)	hsl(236, 49%, 22%)	hwb(236 11% 68%)	hsv 236°, 66%, 32%	cmyk 66%, 61%, 0%, 68%	Pantone 2766C
#410e6b	rgb(65, 14, 107)	hsl(273, 77%, 24%)	hwb(273 5% 58%)	hsv 273°, 87%, 42%	cmyk 39%, 87%, 0%, 58%	Pantone 2617C
#502570	rgb(80, 37, 112)	hsl(274, 50%, 29%)	hwb(274 15% 56%)	hsv 274°, 67%, 44%	cmyk 29%, 67%, 0%, 56%	Pantone 269C
#9c39a1	rgb(156, 57, 161)	hsl(297, 48%, 43%)	hwb(297 22% 37%)	hsv 297°, 65%, 63%	cmyk 3%, 65%, 0%, 37%	Pantone 513C
#b55bba	rgb(181, 91, 186)	hsl(297, 41%, 54%)	hwb(297 36% 27%)	hsv 297°, 51%, 73%	cmyk 3%, 51%, 0%, 27%	Pantone 252C

Click a color format to copy to your clipboard.

White background Black background

#1c2052

15.2

#410e6b

14.0

#502570

11.4

#410e6b

6.0

#410e6b

4.1

Color blindness filter

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

Android color codes


                <color name="Midnight Moon_1">#1c2052</color>


                <color name="Midnight Moon_2">#410e6b</color>


                <color name="Midnight Moon_3">#502570</color>


                <color name="Midnight Moon_4">#9c39a1</color>


                <color name="Midnight Moon_5">#b55bba</color>

Flutter color codes


                const Midnight Moon1 = Color(0xFF1c2052);


                const Midnight Moon2 = Color(0xFF410e6b);


                const Midnight Moon3 = Color(0xFF502570);


                const Midnight Moon4 = Color(0xFF9c39a1);


                const Midnight Moon5 = Color(0xFFb55bba);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator