#DB808D

#C96E83

#B75C7A

#A54A6F

Dusk

Actions

Explore the gradient in different formats, and actions.

Colors overview

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#db808d	rgb(219, 128, 141)	hsl(350 56% 68%)	hwb(350 50% 14%)	lch(64 38.1 13.8)	lab(64 37 9.07)	cmyk 0%, 42%, 36%, 14%
	#c96e83	rgb(201, 110, 131)	hsl(350 46% 61%)	hwb(350 43% 21%)	lch(57.6 38.8 7.89)	lab(57.6 38.4 5.33)	cmyk 0%, 45%, 35%, 21%
	#b75c7a	rgb(183, 92, 122)	hsl(340 39% 54%)	hwb(340 36% 28%)	lch(51.1 40 1.4)	lab(51.1 39.9 0.976)	cmyk 0%, 50%, 33%, 28%
	#a54a6f	rgb(165, 74, 111)	hsl(340 38% 47%)	hwb(340 29% 35%)	lch(44.6 41.3 357)	lab(44.6 41.2 -2.28)	cmyk 0%, 55%, 33%, 35%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#DB808D

AA - 2.8



#C96E83

AA - 3.47



#B75C7A

AA - 4.35



#A54A6F

AA - 5.51



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.1% 0.111 0.022), oklab(64.7% 0.116 0.012), oklab(59.2% 0.122 0.001), oklab(53.6% 0.126 -0.007))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #DB808D, #C96E83, #B75C7A, #A54A6F)

Colors



<!-- Primary Colors -->
<color name="dusk_color_10">#DB808D</color>
<color name="dusk_color_20">#C96E83</color>
<color name="dusk_color_30">#B75C7A</color>
<color name="dusk_color_40">#A54A6F</color>

Gradient PRO

Pro feature only

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

PWA prompt