#4a2632

#734160

#9e5e92

#cc7dc7

#fb9dff

Pinky

Actions

Explore the gradient in different formats, and actions.

Colors overview

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#4a2632	rgb(74, 38, 50)	hsl(340 32% 22%)	hwb(340 15% 71%)	lch(20.5 18.6 0.049)	lab(20.5 18.6 0.016)	cmyk 0%, 49%, 32%, 71%
	#734160	rgb(115, 65, 96)	hsl(320 28% 35%)	hwb(320 25% 55%)	lch(34.6 27 341)	lab(34.6 25.6 -8.64)	cmyk 0%, 43%, 17%, 55%
	#9e5e92	rgb(158, 94, 146)	hsl(310 25% 49%)	hwb(310 37% 38%)	lch(48.7 36.9 332)	lab(48.7 32.6 -17.3)	cmyk 0%, 41%, 8%, 38%
	#cc7dc7	rgb(204, 125, 199)	hsl(300 44% 65%)	hwb(300 49% 20%)	lch(63 47.1 327)	lab(63 39.7 -25.5)	cmyk 0%, 39%, 2%, 20%
	#fb9dff	rgb(251, 157, 255)	hsl(300 100% 81%)	hwb(300 62% 0%)	lch(77.1 57.8 324)	lab(77.1 46.7 -34.1)	cmyk 2%, 38%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#4a2632

AAA - 13



#734160

AAA - 7.91



#9e5e92

AA - 4.69



#cc7dc7

AA - 2.86



#fb9dff

AA - 1.84



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(32% 0.056 -0.001), oklab(44.6% 0.078 -0.024), oklab(57.1% 0.097 -0.047), oklab(69.8% 0.117 -0.07), oklab(82.3% 0.136 -0.094))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #4a2632, #734160, #9e5e92, #cc7dc7, #fb9dff)

Colors



<!-- Primary Colors -->
<color name="pinky_color_10">#4a2632</color>
<color name="pinky_color_20">#734160</color>
<color name="pinky_color_30">#9e5e92</color>
<color name="pinky_color_40">#cc7dc7</color>
<color name="pinky_color_50">#fb9dff</color>

Gradient PRO

Pro feature only

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

PWA prompt