Midnight Moon

#1c2052

#410e6b

#502570

#9c39a1

#b55bba

#1c2052

#410e6b

#502570

#9c39a1

#b55bba

Colors overview

Pink

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#1c2052	rgb(28, 32, 82)	hsl(240 49% 22%)	hwb(240 11% 68%)	lch(14.4 34.1 291)	lab(14.4 12.1 -31.8)	cmyk 66%, 61%, 0%, 68%
	#410e6b	rgb(65, 14, 107)	hsl(270 77% 24%)	hwb(270 5.5% 58%)	lch(17.4 57.2 311)	lab(17.4 37.2 -43.4)	cmyk 39%, 87%, 0%, 58%
	#502570	rgb(80, 37, 112)	hsl(270 50% 29%)	hwb(270 15% 56%)	lch(24 47.7 311)	lab(24 31.5 -35.8)	cmyk 29%, 67%, 0%, 56%
	#9c39a1	rgb(156, 57, 161)	hsl(300 48% 43%)	hwb(300 22% 37%)	lch(42 63.4 325)	lab(42 51.7 -36.7)	cmyk 3%, 65%, 0%, 37%
	#b55bba	rgb(181, 91, 186)	hsl(300 41% 54%)	hwb(300 36% 27%)	lch(52.7 58.4 324)	lab(52.7 47.2 -34.3)	cmyk 3%, 51%, 0%, 27%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#1c2052

AAA - 15.24



#410e6b

AAA - 14



#502570

AAA - 11.41



#9c39a1

AA - 5.97



#b55bba

AA - 4.06



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.

HDR space

HDR oklab colors New



background: linear-gradient(45deg, oklab(27.3% 0.008 -0.09), oklab(31.1% 0.08 -0.122), oklab(36.3% 0.077 -0.1), oklab(52.4% 0.15 -0.102), oklab(61.4% 0.137 -0.095))

Fallback colors New



background: linear-gradient(45deg, #1c2052, #410e6b, #502570, #9c39a1, #b55bba)

Colors



<resources>
    <color name="midnight_moon_100">#1c2052</color>
    <color name="midnight_moon_200">#410e6b</color>
    <color name="midnight_moon_300">#502570</color>
    <color name="midnight_moon_400">#9c39a1</color>
    <color name="midnight_moon_500">#b55bba</color>
</resources>

PWA prompt