Alone

Actions

Explore the gradient in different formats, and actions.

Purple

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#39162d	rgb(57, 22, 45)	hsl(320 44% 15%)	hwb(320 8.6% 78%)	lch(13.5 21.4 341)	lab(13.5 20.2 -7.1)	cmyk 0%, 61%, 21%, 78%
	#c9c0c6	rgb(201, 192, 198)	hsl(320 7.7% 77%)	hwb(320 75% 21%)	lch(78.6 4.46 336)	lab(78.6 4.07 -1.84)	cmyk 0%, 4%, 1%, 21%

 Click a color format to copy to your clipboard.

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

#39162d

AAA - 15.82



#c9c0c6

AA - 1.77



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(26.2% 0.062 -0.02), oklab(81.7% 0.012 -0.005))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #39162d, #c9c0c6)

Colors



<!-- Primary Colors -->
<color name="alone_color_10">#39162d</color>
<color name="alone_color_20">#c9c0c6</color>

Gradient PRO

Pro feature only

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

PWA prompt