Spooky

#a0d2ec

#e5eaf4

#d0bdf3

#8458b4

#494d5f

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#a0d2ec	rgb(160, 210, 236)	hsl(200 67% 78%)	hwb(200 63% 7.5%)	lch(81.4 22.1 236)	lab(81.4 -12.2 -18.4)	cmyk 32%, 11%, 0%, 7%
	#e5eaf4	rgb(229, 234, 244)	hsl(220 41% 93%)	hwb(220 90% 4.3%)	lch(92.5 5.48 266)	lab(92.5 -0.349 -5.47)	cmyk 6%, 4%, 0%, 4%
	#d0bdf3	rgb(208, 189, 243)	hsl(260 69% 85%)	hwb(260 74% 4.7%)	lch(79.6 28.5 301)	lab(79.6 14.7 -24.4)	cmyk 14%, 22%, 0%, 5%
	#8458b4	rgb(132, 88, 180)	hsl(270 38% 53%)	hwb(270 35% 29%)	lch(45.5 53.7 307)	lab(45.5 32.6 -42.6)	cmyk 27%, 51%, 0%, 29%
	#494d5f	rgb(73, 77, 95)	hsl(230 13% 33%)	hwb(230 29% 63%)	lch(32.9 11.3 278)	lab(32.9 1.66 -11.2)	cmyk 23%, 19%, 0%, 63%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#a0d2ec

AA - 1.62



#e5eaf4

AA - 1.2



#d0bdf3

AA - 1.71



#8458b4

AA - 5.2



#494d5f

AAA - 8.36



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(83.8% -0.04 -0.049), oklab(93.6% -0.001 -0.014), oklab(83.2% 0.039 -0.066), oklab(54.9% 0.081 -0.119), oklab(42.4% 0.003 -0.03))

Fallback colors



background: linear-gradient(45deg, #a0d2ec, #e5eaf4, #d0bdf3, #8458b4, #494d5f)

Colors



<!-- Primary Colors -->
<color name="spooky_color_10">#a0d2ec</color>
<color name="spooky_color_20">#e5eaf4</color>
<color name="spooky_color_30">#d0bdf3</color>
<color name="spooky_color_40">#8458b4</color>
<color name="spooky_color_50">#494d5f</color>

PWA prompt