#a390ee

#8575c0

#675a92

#4a3f64

#2c2436

Shadow

Actions

Explore the gradient in different formats, and actions.

Colors overview

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#a390ee	rgb(163, 144, 238)	hsl(250 73% 75%)	hwb(250 56% 6.7%)	lch(64.4 50.8 297)	lab(64.4 22.9 -45.4)	cmyk 32%, 39%, 0%, 7%
	#8575c0	rgb(133, 117, 192)	hsl(250 37% 61%)	hwb(250 46% 25%)	lch(53.1 42.2 297)	lab(53.1 19.2 -37.5)	cmyk 31%, 39%, 0%, 25%
	#675a92	rgb(103, 90, 146)	hsl(250 24% 46%)	hwb(250 35% 43%)	lch(41.4 33 298)	lab(41.4 15.3 -29.3)	cmyk 29%, 38%, 0%, 43%
	#4a3f64	rgb(74, 63, 100)	hsl(260 23% 32%)	hwb(260 25% 61%)	lch(29.1 23.3 300)	lab(29.1 11.6 -20.2)	cmyk 26%, 37%, 0%, 61%
	#2c2436	rgb(44, 36, 54)	hsl(270 20% 18%)	hwb(270 14% 79%)	lch(15.7 12.6 305)	lab(15.7 7.23 -10.3)	cmyk 19%, 33%, 0%, 79%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#a390ee

AA - 2.69



#8575c0

AA - 3.96



#675a92

AA - 6.07



#4a3f64

AAA - 9.6



#2c2436

AAA - 14.86



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(70.8% 0.05 -0.126), oklab(60.8% 0.043 -0.104), oklab(50.4% 0.035 -0.081), oklab(39.5% 0.029 -0.056), oklab(27.7% 0.019 -0.028))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #a390ee, #8575c0, #675a92, #4a3f64, #2c2436)

Colors



<!-- Primary Colors -->
<color name="shadow_color_10">#a390ee</color>
<color name="shadow_color_20">#8575c0</color>
<color name="shadow_color_30">#675a92</color>
<color name="shadow_color_40">#4a3f64</color>
<color name="shadow_color_50">#2c2436</color>

Gradient PRO

Pro feature only

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

PWA prompt