Ghost Color Gradient

 #e0e0ff

 #d9d9ff

Colors overview

Purple

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#e0e0ff	rgb(224, 224, 255)	hsl(240 100% 94%)	hwb(240 88% 0%)	lch(89.9 15.7 286)	lab(89.9 4.43 -15.1)	cmyk 12%, 12%, 0%, 0%
	#d9d9ff	rgb(217, 217, 255)	hsl(240 100% 93%)	hwb(240 85% 0%)	lch(87.6 19.4 287)	lab(87.6 5.54 -18.6)	cmyk 15%, 15%, 0%, 0%

 Click a color format to copy to your clipboard.

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

#e0e0ff

AA - 1.29



#d9d9ff

AA - 1.37



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

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

Preview the gradient in different UI components.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(91.6% 0.011 -0.041), oklab(89.7% 0.014 -0.05))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #e0e0ff, #d9d9ff)

Colors



<!-- Primary Colors -->
<color name="ghost_color_10">#e0e0ff</color>
<color name="ghost_color_20">#d9d9ff</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt