Insights

#860EC6

#BD8FD8

#ffffff

#44BEE5

#151E33

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Blue

White

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#860ec6	rgb(134, 14, 198)	hsl(280 87% 42%)	hwb(280 5.5% 22%)	lch(36.1 94.1 313)	lab(36.1 64.7 -68.3)	cmyk 32%, 93%, 0%, 22%
	#bd8fd8	rgb(189, 143, 216)	hsl(280 48% 70%)	hwb(280 56% 15%)	lch(65.9 41.5 312)	lab(65.9 27.8 -30.7)	cmyk 12%, 34%, 0%, 15%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#44bee5	rgb(68, 190, 229)	hsl(190 76% 58%)	hwb(190 27% 10%)	lch(71.5 39.4 230)	lab(71.5 -25.5 -30)	cmyk 70%, 17%, 0%, 10%
	#151e33	rgb(21, 30, 51)	hsl(220 42% 14%)	hwb(220 8.2% 80%)	lch(11.3 15.4 276)	lab(11.3 1.51 -15.3)	cmyk 59%, 41%, 0%, 80%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#860EC6

AAA - 7.26



#BD8FD8

AA - 2.59



#ffffff

AA - 1



#44BEE5

AA - 2.15



#151E33

AAA - 16.59



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(48.9% 0.149 -0.192), oklab(72% 0.077 -0.084), oklab(100% 0 0), oklab(75% -0.087 -0.082), oklab(23.8% -0.003 -0.043))

Fallback colors



background: linear-gradient(45deg, #860EC6, #BD8FD8, #ffffff, #44BEE5, #151E33)

Colors



<!-- Primary Colors -->
<color name="insights_color_10">#860EC6</color>
<color name="insights_color_20">#BD8FD8</color>
<color name="insights_color_30">#ffffff</color>
<color name="insights_color_40">#44BEE5</color>
<color name="insights_color_50">#151E33</color>

PWA prompt