Prisma Color Palette

#5724f6

#8124f6

#ab24f6

#d524f6

#e863ff

#5724f6

#8124f6

#ab24f6

#d524f6

#e863ff

Colors overview

Pink

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#5724f6	rgb(87, 36, 246)	hsl(250 92% 55%)	hwb(250 14% 3.5%)	lch(35.9 114 303)	lab(35.9 62 -96.2)	cmyk 65%, 85%, 0%, 4%
	#8124f6	rgb(129, 36, 246)	hsl(270 92% 55%)	hwb(270 14% 3.5%)	lch(40.8 111 307)	lab(40.8 67.2 -88)	cmyk 48%, 85%, 0%, 4%
	#ab24f6	rgb(171, 36, 246)	hsl(280 92% 55%)	hwb(280 14% 3.5%)	lch(46.9 107 314)	lab(46.9 73.9 -77.8)	cmyk 30%, 85%, 0%, 4%
	#d524f6	rgb(213, 36, 246)	hsl(290 92% 55%)	hwb(290 14% 3.5%)	lch(53.7 105 321)	lab(53.7 81.4 -66.4)	cmyk 13%, 85%, 0%, 4%
	#e863ff	rgb(232, 99, 255)	hsl(290 100% 69%)	hwb(290 39% 0%)	lch(64.1 86.8 321)	lab(64.1 67.5 -54.5)	cmyk 9%, 61%, 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.

#5724f6

AAA - 7.02



#8124f6

AA - 5.97



#ab24f6

AA - 4.86



#d524f6

AA - 3.88



#e863ff

AA - 2.74



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.6% 0.051 -0.27), oklab(53.6% 0.114 -0.248), oklab(58.6% 0.173 -0.219), oklab(64.3% 0.224 -0.186), oklab(72.4% 0.191 -0.152))

Fallback colors



background: linear-gradient(45deg, #5724f6, #8124f6, #ab24f6, #d524f6, #e863ff)

Colors



<!-- Primary Colors -->
<color name="prisma_color_10">#5724f6</color>
<color name="prisma_color_20">#8124f6</color>
<color name="prisma_color_30">#ab24f6</color>
<color name="prisma_color_40">#d524f6</color>
<color name="prisma_color_50">#e863ff</color>

PWA prompt