PINK GOLD

Actions

Explore the gradient in different formats, and actions.

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#975043	rgb(151, 80, 67)	hsl(9.3 39% 43%)	hwb(9.3 26% 41%)	lch(42.7 36.4 36.3)	lab(42.7 29.3 21.6)	cmyk 0%, 47%, 56%, 41%
	#ffa095	rgb(255, 160, 149)	hsl(6.2 100% 79%)	hwb(6.2 58% 0%)	lch(75.6 41.3 31.2)	lab(75.6 35.3 21.4)	cmyk 0%, 37%, 42%, 0%

 Click a color format to copy to your clipboard.

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

#975043

AA - 5.92



#ffa095

AA - 1.95



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(51.4% 0.083 0.051), oklab(79.9% 0.103 0.052))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #975043, #ffa095)

Colors



<!-- Primary Colors -->
<color name="pink_gold_color_10">#975043</color>
<color name="pink_gold_color_20">#ffa095</color>

Gradient PRO

Pro feature only

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

PWA prompt