Spooky

#380227

#5e0d45

#913173

#d98f41

#cf4d25

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#380227	rgb(56, 2, 39)	hsl(320 93% 11%)	hwb(320 0.78% 78%)	lch(9.37 30.2 343)	lab(9.37 28.9 -8.96)	cmyk 0%, 96%, 30%, 78%
	#5e0d45	rgb(94, 13, 69)	hsl(320 76% 21%)	hwb(320 5.1% 63%)	lch(20.6 41.1 342)	lab(20.6 39.1 -12.4)	cmyk 0%, 86%, 27%, 63%
	#913173	rgb(145, 49, 115)	hsl(320 49% 38%)	hwb(320 19% 43%)	lch(37 49 340)	lab(37 46.2 -16.5)	cmyk 0%, 66%, 21%, 43%
	#d98f41	rgb(217, 143, 65)	hsl(31 67% 55%)	hwb(31 25% 15%)	lch(66.1 57.2 65.3)	lab(66.1 23.9 52)	cmyk 0%, 34%, 70%, 15%
	#cf4d25	rgb(207, 77, 37)	hsl(14 70% 48%)	hwb(14 15% 19%)	lch(51.1 71.4 44.4)	lab(51.1 51 50)	cmyk 0%, 63%, 82%, 19%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#380227

AAA - 17.41



#5e0d45

AAA - 12.96



#913173

AAA - 7.26



#d98f41

AA - 2.63



#cf4d25

AA - 4.42



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(23% 0.09 -0.025), oklab(33.1% 0.122 -0.035), oklab(47.5% 0.142 -0.046), oklab(71.1% 0.056 0.116), oklab(59.1% 0.138 0.104))

Fallback colors



background: linear-gradient(45deg, #380227, #5e0d45, #913173, #d98f41, #cf4d25)

Colors



<!-- Primary Colors -->
<color name="spooky_color_10">#380227</color>
<color name="spooky_color_20">#5e0d45</color>
<color name="spooky_color_30">#913173</color>
<color name="spooky_color_40">#d98f41</color>
<color name="spooky_color_50">#cf4d25</color>

PWA prompt