October

#8933ad

#bd44e4

#fff8b0

#f6c233

#cc8316

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Orange

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#8933ad	rgb(137, 51, 173)	hsl(280 54% 44%)	hwb(280 20% 32%)	lch(38.7 70.9 316)	lab(38.7 50.9 -49.3)	cmyk 21%, 71%, 0%, 32%
	#bd44e4	rgb(189, 68, 228)	hsl(290 75% 58%)	hwb(290 27% 11%)	lch(52 88 318)	lab(52 65.2 -59.2)	cmyk 17%, 70%, 0%, 11%
	#fff8b0	rgb(255, 248, 176)	hsl(55 100% 85%)	hwb(55 69% 0%)	lch(96.9 36 98.6)	lab(96.9 -5.37 35.6)	cmyk 0%, 3%, 31%, 0%
	#f6c233	rgb(246, 194, 51)	hsl(44 92% 58%)	hwb(44 20% 3.5%)	lch(81.5 73.6 82.2)	lab(81.5 9.99 73)	cmyk 0%, 21%, 79%, 4%
	#cc8316	rgb(204, 131, 22)	hsl(36 81% 44%)	hwb(36 8.6% 20%)	lch(61.4 67.2 69.5)	lab(61.4 23.5 63)	cmyk 0%, 36%, 89%, 20%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#8933ad

AA - 6.68



#bd44e4

AA - 4.1



#fff8b0

AA - 1.08



#f6c233

AA - 1.65



#cc8316

AA - 3.07



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(49.9% 0.133 -0.138), oklab(62.1% 0.175 -0.166), oklab(96.8% -0.021 0.089), oklab(83.8% 0.008 0.158), oklab(67% 0.05 0.131))

Fallback colors



background: linear-gradient(45deg, #8933ad, #bd44e4, #fff8b0, #f6c233, #cc8316)

Colors



<!-- Primary Colors -->
<color name="october_color_10">#8933ad</color>
<color name="october_color_20">#bd44e4</color>
<color name="october_color_30">#fff8b0</color>
<color name="october_color_40">#f6c233</color>
<color name="october_color_50">#cc8316</color>

PWA prompt