Purple Dusk Color Palette

#EF3A54

#ABB2CE

#9366AF

#5C1C50

#220D26

#EF3A54

#ABB2CE

#9366AF

#5C1C50

#220D26

Colors overview

Pink

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ef3a54	rgb(239, 58, 84)	hsl(350 85% 58%)	hwb(350 23% 6.3%)	lch(54.8 75.6 23.8)	lab(54.8 69.2 30.5)	cmyk 0%, 76%, 65%, 6%
	#abb2ce	rgb(171, 178, 206)	hsl(230 26% 74%)	hwb(230 67% 19%)	lch(72.7 15.2 277)	lab(72.7 1.81 -15.1)	cmyk 17%, 14%, 0%, 19%
	#9366af	rgb(147, 102, 175)	hsl(280 31% 54%)	hwb(280 40% 31%)	lch(50.2 43.2 312)	lab(50.2 28.9 -32.1)	cmyk 16%, 42%, 0%, 31%
	#5c1c50	rgb(92, 28, 80)	hsl(310 53% 24%)	hwb(310 11% 64%)	lch(22.7 38.2 334)	lab(22.7 34.4 -16.8)	cmyk 0%, 70%, 13%, 64%
	#220d26	rgb(34, 13, 38)	hsl(290 49% 10%)	hwb(290 5.1% 85%)	lch(6.88 19.5 320)	lab(6.88 14.9 -12.5)	cmyk 11%, 66%, 0%, 85%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#EF3A54

AA - 3.88



#ABB2CE

AA - 2.1



#9366AF

AA - 4.41



#5C1C50

AAA - 12.08



#220D26

AAA - 18.2



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.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(63.1% 0.204 0.068), oklab(76.7% 0.003 -0.041), oklab(58.6% 0.079 -0.089), oklab(34.8% 0.104 -0.046), oklab(20.4% 0.043 -0.035))

Fallback colors



background: linear-gradient(45deg, #EF3A54, #ABB2CE, #9366AF, #5C1C50, #220D26)

Colors



<!-- Primary Colors -->
<color name="purple_dusk_color_10">#EF3A54</color>
<color name="purple_dusk_color_20">#ABB2CE</color>
<color name="purple_dusk_color_30">#9366AF</color>
<color name="purple_dusk_color_40">#5C1C50</color>
<color name="purple_dusk_color_50">#220D26</color>

PWA prompt