Pulse Purple

#8395f9

#b8bdf2

#f3ffe8

#def2cd

#1f1b36

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#8395f9	rgb(131, 149, 249)	hsl(230 91% 75%)	hwb(230 51% 2.4%)	lch(63.6 54.6 284)	lab(63.6 13.6 -52.8)	cmyk 47%, 40%, 0%, 2%
	#b8bdf2	rgb(184, 189, 242)	hsl(230 69% 84%)	hwb(230 72% 5.1%)	lch(77.6 27.9 284)	lab(77.6 6.67 -27.1)	cmyk 24%, 22%, 0%, 5%
	#f3ffe8	rgb(243, 255, 232)	hsl(91 100% 95%)	hwb(91 91% 0%)	lch(98.6 11.9 126)	lab(98.6 -7.06 9.61)	cmyk 5%, 0%, 9%, 0%
	#def2cd	rgb(222, 242, 205)	hsl(92 59% 88%)	hwb(92 80% 5.1%)	lch(93.3 19.5 127)	lab(93.3 -11.7 15.6)	cmyk 8%, 0%, 15%, 5%
	#1f1b36	rgb(31, 27, 54)	hsl(250 33% 16%)	hwb(250 11% 79%)	lch(11.4 19.1 295)	lab(11.4 8.12 -17.2)	cmyk 43%, 50%, 0%, 79%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#8395f9

AA - 2.75



#b8bdf2

AA - 1.81



#f3ffe8

AA - 1.03



#def2cd

AA - 1.18



#1f1b36

AAA - 16.55



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(69.9% 0.011 -0.147), oklab(81.3% 0.013 -0.074), oklab(98.5% -0.021 0.025), oklab(93.7% -0.035 0.04), oklab(24.2% 0.016 -0.048))

Fallback colors



background: linear-gradient(45deg, #8395f9, #b8bdf2, #f3ffe8, #def2cd, #1f1b36)

Colors



<!-- Primary Colors -->
<color name="pulse_purple_color_10">#8395f9</color>
<color name="pulse_purple_color_20">#b8bdf2</color>
<color name="pulse_purple_color_30">#f3ffe8</color>
<color name="pulse_purple_color_40">#def2cd</color>
<color name="pulse_purple_color_50">#1f1b36</color>

PWA prompt