Lilia

#f8ed82

#fcf7ca

#fffefa

#cacefc

#828cf7

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f8ed82	rgb(248, 237, 130)	hsl(54 89% 74%)	hwb(54 51% 2.7%)	lch(93 53.1 97)	lab(93 -6.44 52.8)	cmyk 0%, 4%, 48%, 3%
	#fcf7ca	rgb(252, 247, 202)	hsl(54 89% 89%)	hwb(54 79% 1.2%)	lch(96.8 22.6 98.9)	lab(96.8 -3.52 22.4)	cmyk 0%, 2%, 20%, 1%
	#fffefa	rgb(255, 254, 250)	hsl(48 100% 99%)	hwb(48 98% 0%)	lch(99.6 2.05 94.9)	lab(99.6 -0.174 2.04)	cmyk 0%, 0%, 2%, 0%
	#cacefc	rgb(202, 206, 252)	hsl(240 89% 89%)	hwb(240 79% 1.2%)	lch(83.6 23.8 284)	lab(83.6 5.61 -23.2)	cmyk 20%, 18%, 0%, 1%
	#828cf7	rgb(130, 140, 247)	hsl(230 88% 74%)	hwb(230 51% 3.1%)	lch(61.1 58.4 288)	lab(61.1 17.7 -55.7)	cmyk 47%, 43%, 0%, 3%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#f8ed82

AA - 1.2



#fcf7ca

AA - 1.08



#fffefa

AA - 1



#cacefc

AA - 1.52



#828cf7

AA - 2.98



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(93.3% -0.03 0.126), oklab(96.9% -0.012 0.057), oklab(99.7% 0 0.005), oklab(86.3% 0.012 -0.063), oklab(68% 0.02 -0.155))

Fallback colors



background: linear-gradient(45deg, #f8ed82, #fcf7ca, #fffefa, #cacefc, #828cf7)

Colors



<!-- Primary Colors -->
<color name="lilia_color_10">#f8ed82</color>
<color name="lilia_color_20">#fcf7ca</color>
<color name="lilia_color_30">#fffefa</color>
<color name="lilia_color_40">#cacefc</color>
<color name="lilia_color_50">#828cf7</color>

PWA prompt