Strong

#870071

#5d00cd

#494af2

#9ba3f9

#f2f4ff

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#870071	rgb(135, 0, 113)	hsl(310 100% 26%)	hwb(310 0% 47%)	lch(30.4 61.6 335)	lab(30.4 56 -25.6)	cmyk 0%, 100%, 16%, 47%
	#5d00cd	rgb(93, 0, 205)	hsl(270 100% 40%)	hwb(270 0% 20%)	lch(29.8 104 307)	lab(29.8 62.5 -83)	cmyk 55%, 100%, 0%, 20%
	#494af2	rgb(73, 74, 242)	hsl(240 87% 62%)	hwb(240 29% 5.1%)	lch(40.9 95.6 296)	lab(40.9 42 -85.9)	cmyk 70%, 69%, 0%, 5%
	#9ba3f9	rgb(155, 163, 249)	hsl(230 89% 79%)	hwb(230 61% 2.4%)	lch(69 46.1 286)	lab(69 12.7 -44.3)	cmyk 38%, 35%, 0%, 2%
	#f2f4ff	rgb(242, 244, 255)	hsl(230 100% 97%)	hwb(230 95% 0%)	lch(96.3 5.6 278)	lab(96.3 0.803 -5.55)	cmyk 5%, 4%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#870071

AAA - 9.25



#5d00cd

AAA - 8.94



#494af2

AA - 5.92



#9ba3f9

AA - 2.33



#f2f4ff

AA - 1.09



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(42.4% 0.172 -0.071), oklab(44% 0.087 -0.233), oklab(52.5% 0.017 -0.242), oklab(74.3% 0.019 -0.123), oklab(96.9% 0.002 -0.015))

Fallback colors



background: linear-gradient(45deg, #870071, #5d00cd, #494af2, #9ba3f9, #f2f4ff)

Colors



<!-- Primary Colors -->
<color name="strong_color_10">#870071</color>
<color name="strong_color_20">#5d00cd</color>
<color name="strong_color_30">#494af2</color>
<color name="strong_color_40">#9ba3f9</color>
<color name="strong_color_50">#f2f4ff</color>

PWA prompt