#b388eb

#9d75d9

#8762c7

#714fa5

#5b3d83

Jacarandas

Actions

Explore the gradient in different formats, and actions.

Colors overview

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#b388eb	rgb(179, 136, 235)	hsl(270 71% 73%)	hwb(270 53% 7.8%)	lch(63.9 54.4 305)	lab(63.9 31.5 -44.4)	cmyk 24%, 42%, 0%, 8%
	#9d75d9	rgb(157, 117, 217)	hsl(260 57% 65%)	hwb(260 46% 15%)	lch(56.5 55.9 304)	lab(56.5 31.6 -46.1)	cmyk 28%, 46%, 0%, 15%
	#8762c7	rgb(135, 98, 199)	hsl(260 47% 58%)	hwb(260 38% 22%)	lch(49 57.6 304)	lab(49 31.8 -48)	cmyk 32%, 51%, 0%, 22%
	#714fa5	rgb(113, 79, 165)	hsl(260 35% 48%)	hwb(260 31% 35%)	lch(40.5 50.8 305)	lab(40.5 28.8 -41.8)	cmyk 32%, 52%, 0%, 35%
	#5b3d83	rgb(91, 61, 131)	hsl(270 36% 38%)	hwb(270 24% 49%)	lch(31.9 43.2 306)	lab(31.9 25.2 -35.1)	cmyk 31%, 53%, 0%, 49%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#b388eb

AA - 2.74



#9d75d9

AA - 3.51



#8762c7

AA - 4.56



#714fa5

AA - 6.24



#5b3d83

AAA - 8.6



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(70.7% 0.079 -0.123), oklab(64.4% 0.076 -0.128), oklab(58% 0.073 -0.134), oklab(50.4% 0.067 -0.117), oklab(42.8% 0.06 -0.098))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #b388eb, #9d75d9, #8762c7, #714fa5, #5b3d83)

Colors



<!-- Primary Colors -->
<color name="jacarandas_color_10">#b388eb</color>
<color name="jacarandas_color_20">#9d75d9</color>
<color name="jacarandas_color_30">#8762c7</color>
<color name="jacarandas_color_40">#714fa5</color>
<color name="jacarandas_color_50">#5b3d83</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt