#341336

#5e2a55

#85406a

#ad5778

Papel Picado

Actions

Explore the gradient in different formats, and actions.

Colors overview

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#341336	rgb(52, 19, 54)	hsl(300 48% 14%)	hwb(300 7.5% 79%)	lch(12.3 26.4 324)	lab(12.3 21.4 -15.5)	cmyk 4%, 65%, 0%, 79%
	#5e2a55	rgb(94, 42, 85)	hsl(310 38% 27%)	hwb(310 16% 63%)	lch(25.9 32.6 332)	lab(25.9 28.8 -15.1)	cmyk 0%, 55%, 10%, 63%
	#85406a	rgb(133, 64, 106)	hsl(320 35% 39%)	hwb(320 25% 48%)	lch(37.4 35.7 343)	lab(37.4 34.2 -10.4)	cmyk 0%, 52%, 20%, 48%
	#ad5778	rgb(173, 87, 120)	hsl(340 34% 51%)	hwb(340 34% 32%)	lch(48.6 38.6 357)	lab(48.6 38.6 -1.72)	cmyk 0%, 50%, 31%, 32%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#341336

AAA - 16.24



#5e2a55

AAA - 10.83



#85406a

AAA - 7.14



#ad5778

AA - 4.76



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(25.4% 0.062 -0.043), oklab(37.3% 0.087 -0.042), oklab(47.3% 0.104 -0.029), oklab(57% 0.118 -0.006))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #341336, #5e2a55, #85406a, #ad5778)

Colors



<!-- Primary Colors -->
<color name="papel_picado_color_10">#341336</color>
<color name="papel_picado_color_20">#5e2a55</color>
<color name="papel_picado_color_30">#85406a</color>
<color name="papel_picado_color_40">#ad5778</color>

Gradient PRO

Pro feature only

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

PWA prompt