Jacarandas

#693d95

#8352b3

#9c67d1

#cea2e7

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#693d95	rgb(105, 61, 149)	hsl(270 42% 41%)	hwb(270 24% 42%)	lch(34.6 53.3 309)	lab(34.6 33.2 -41.7)	cmyk 30%, 59%, 0%, 42%
	#8352b3	rgb(131, 82, 179)	hsl(270 39% 51%)	hwb(270 32% 30%)	lch(44 56.8 309)	lab(44 35.4 -44.4)	cmyk 27%, 54%, 0%, 30%
	#9c67d1	rgb(156, 103, 209)	hsl(270 54% 61%)	hwb(270 40% 18%)	lch(52.9 60.2 308)	lab(52.9 37.3 -47.3)	cmyk 25%, 51%, 0%, 18%
	#cea2e7	rgb(206, 162, 231)	hsl(280 59% 77%)	hwb(280 64% 9.4%)	lch(72.5 38.6 312)	lab(72.5 26 -28.6)	cmyk 11%, 30%, 0%, 9%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#693d95

AAA - 7.77



#8352b3

AA - 5.49



#9c67d1

AA - 3.98



#cea2e7

AA - 2.11



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(45.6% 0.08 -0.117), oklab(53.7% 0.087 -0.124), oklab(61.5% 0.093 -0.132), oklab(77.6% 0.073 -0.078))

Fallback colors



background: linear-gradient(45deg, #693d95, #8352b3, #9c67d1, #cea2e7)

Colors



<!-- Primary Colors -->
<color name="jacarandas_color_10">#693d95</color>
<color name="jacarandas_color_20">#8352b3</color>
<color name="jacarandas_color_30">#9c67d1</color>
<color name="jacarandas_color_40">#cea2e7</color>

PWA prompt