Lavender

#1d0c9c

#7361fa

#a9a9f5

#bcf5be

#025c05

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#1d0c9c	rgb(29, 12, 156)	hsl(250 86% 33%)	hwb(250 4.7% 39%)	lch(18.2 85.7 301)	lab(18.2 44.5 -73.2)	cmyk 81%, 92%, 0%, 39%
	#7361fa	rgb(115, 97, 250)	hsl(250 94% 68%)	hwb(250 38% 2%)	lch(49.7 85.1 297)	lab(49.7 38.8 -75.7)	cmyk 54%, 61%, 0%, 2%
	#a9a9f5	rgb(169, 169, 245)	hsl(240 79% 81%)	hwb(240 66% 3.9%)	lch(71.4 40.4 289)	lab(71.4 12.9 -38.3)	cmyk 31%, 31%, 0%, 4%
	#bcf5be	rgb(188, 245, 190)	hsl(120 74% 85%)	hwb(120 74% 3.9%)	lch(91.6 33.5 142)	lab(91.6 -26.5 20.5)	cmyk 23%, 0%, 22%, 4%
	#025c05	rgb(2, 92, 5)	hsl(120 96% 18%)	hwb(120 0.78% 64%)	lch(33.3 52.4 135)	lab(33.3 -37.2 37)	cmyk 98%, 0%, 95%, 64%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#1d0c9c

AAA - 13.25



#7361fa

AA - 4.35



#a9a9f5

AA - 2.16



#bcf5be

AA - 1.23



#025c05

AAA - 8.28



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(33.2% 0.004 -0.205), oklab(59.6% 0.049 -0.213), oklab(76.4% 0.025 -0.105), oklab(91.7% -0.078 0.053), oklab(41.2% -0.109 0.083))

Fallback colors



background: linear-gradient(45deg, #1d0c9c, #7361fa, #a9a9f5, #bcf5be, #025c05)

Colors



<!-- Primary Colors -->
<color name="lavender_color_10">#1d0c9c</color>
<color name="lavender_color_20">#7361fa</color>
<color name="lavender_color_30">#a9a9f5</color>
<color name="lavender_color_40">#bcf5be</color>
<color name="lavender_color_50">#025c05</color>

PWA prompt