Full Purple

#d9a4f5

#ca6ff7

#b04be3

#8022ab

#610f87

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#d9a4f5	rgb(217, 164, 245)	hsl(280 80% 80%)	hwb(280 64% 3.9%)	lch(74.6 45.1 313)	lab(74.6 30.8 -33)	cmyk 11%, 33%, 0%, 4%
	#ca6ff7	rgb(202, 111, 247)	hsl(280 89% 70%)	hwb(280 44% 3.1%)	lch(61.8 75.7 314)	lab(61.8 53 -54.1)	cmyk 18%, 55%, 0%, 3%
	#b04be3	rgb(176, 75, 227)	hsl(280 73% 59%)	hwb(280 29% 11%)	lch(51.1 84.4 315)	lab(51.1 59.2 -60.2)	cmyk 22%, 67%, 0%, 11%
	#8022ab	rgb(128, 34, 171)	hsl(280 67% 40%)	hwb(280 13% 33%)	lch(34.8 77.2 315)	lab(34.8 54.8 -54.4)	cmyk 25%, 80%, 0%, 33%
	#610f87	rgb(97, 15, 135)	hsl(280 80% 29%)	hwb(280 5.9% 47%)	lch(25.2 68.2 315)	lab(25.2 48.2 -48.3)	cmyk 28%, 89%, 0%, 47%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#d9a4f5

AA - 1.98



#ca6ff7

AA - 2.94



#b04be3

AA - 4.23



#8022ab

AAA - 7.67



#610f87

AAA - 10.9



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(79.6% 0.086 -0.09), oklab(69.9% 0.141 -0.151), oklab(61.1% 0.152 -0.169), oklab(47% 0.138 -0.153), oklab(38.3% 0.118 -0.136))

Fallback colors



background: linear-gradient(45deg, #d9a4f5, #ca6ff7, #b04be3, #8022ab, #610f87)

Colors



<!-- Primary Colors -->
<color name="full_purple_color_10">#d9a4f5</color>
<color name="full_purple_color_20">#ca6ff7</color>
<color name="full_purple_color_30">#b04be3</color>
<color name="full_purple_color_40">#8022ab</color>
<color name="full_purple_color_50">#610f87</color>

PWA prompt