Midnight Bloom

#1a0a1a

#321d32

#4a304a

#634363

#7d567d

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#1a0a1a	rgb(26, 10, 26)	hsl(300 44% 7.1%)	hwb(300 3.9% 90%)	lch(4.61 11.3 323)	lab(4.61 9.02 -6.79)	cmyk 0%, 62%, 0%, 90%
	#321d32	rgb(50, 29, 50)	hsl(300 27% 15%)	hwb(300 11% 80%)	lch(14.3 16.7 325)	lab(14.3 13.7 -9.6)	cmyk 0%, 42%, 0%, 80%
	#4a304a	rgb(74, 48, 74)	hsl(300 21% 24%)	hwb(300 19% 71%)	lch(23.9 19.5 325)	lab(23.9 15.9 -11.2)	cmyk 0%, 35%, 0%, 71%
	#634363	rgb(99, 67, 99)	hsl(300 19% 33%)	hwb(300 26% 61%)	lch(33 22.8 325)	lab(33 18.6 -13.2)	cmyk 0%, 32%, 0%, 61%
	#7d567d	rgb(125, 86, 125)	hsl(300 18% 41%)	hwb(300 34% 51%)	lch(42 26.7 325)	lab(42 21.8 -15.4)	cmyk 0%, 31%, 0%, 51%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#1a0a1a

AAA - 19.05



#321d32

AAA - 15.47



#4a304a

AAA - 11.58



#634363

AAA - 8.35



#7d567d

AA - 6



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 color space

HDR oklab colors



background: linear-gradient(45deg, oklab(17.7% 0.034 -0.022), oklab(26.7% 0.04 -0.026), oklab(35.1% 0.047 -0.031), oklab(43.1% 0.055 -0.036), oklab(50.9% 0.064 -0.042))

Fallback colors



background: linear-gradient(45deg, #1a0a1a, #321d32, #4a304a, #634363, #7d567d)

Colors



<!-- Primary Colors -->
<color name="midnight_bloom_color_10">#1a0a1a</color>
<color name="midnight_bloom_color_20">#321d32</color>
<color name="midnight_bloom_color_30">#4a304a</color>
<color name="midnight_bloom_color_40">#634363</color>
<color name="midnight_bloom_color_50">#7d567d</color>

PWA prompt