#293352

#5D5D6F

#A27B89

#D3A286

#F0D8C3

Dusk

Actions

Explore the gradient in different formats, and actions.

Colors overview

Grey

Brown

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#293352	rgb(41, 51, 82)	hsl(230 33% 24%)	hwb(230 16% 68%)	lch(21.5 20.8 279)	lab(21.5 3.11 -20.5)	cmyk 50%, 38%, 0%, 68%
	#5d5d6f	rgb(93, 93, 111)	hsl(240 8.8% 40%)	hwb(240 36% 56%)	lch(40 10.7 287)	lab(40 3.07 -10.3)	cmyk 16%, 16%, 0%, 56%
	#a27b89	rgb(162, 123, 137)	hsl(340 17% 56%)	hwb(340 48% 36%)	lch(55.8 17.4 355)	lab(55.8 17.3 -1.44)	cmyk 0%, 24%, 15%, 36%
	#d3a286	rgb(211, 162, 134)	hsl(22 47% 68%)	hwb(22 53% 17%)	lch(70.8 27.1 54)	lab(70.8 16 22)	cmyk 0%, 23%, 36%, 17%
	#f0d8c3	rgb(240, 216, 195)	hsl(28 60% 85%)	hwb(28 76% 5.9%)	lch(87.9 14.9 65.6)	lab(87.9 6.15 13.6)	cmyk 0%, 10%, 19%, 6%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#293352

AAA - 12.42



#5D5D6F

AA - 6.44



#A27B89

AA - 3.66



#D3A286

AA - 2.26



#F0D8C3

AA - 1.37



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.7% 0 -0.057), oklab(48.5% 0.008 -0.028), oklab(62.5% 0.052 -0.004), oklab(75.1% 0.044 0.055), oklab(89.6% 0.017 0.035))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #293352, #5D5D6F, #A27B89, #D3A286, #F0D8C3)

Colors



<!-- Primary Colors -->
<color name="dusk_color_10">#293352</color>
<color name="dusk_color_20">#5D5D6F</color>
<color name="dusk_color_30">#A27B89</color>
<color name="dusk_color_40">#D3A286</color>
<color name="dusk_color_50">#F0D8C3</color>

Gradient PRO

Pro feature only

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

PWA prompt