#4C0070

#6B1D8D

#8A39AA

#A956C7

#C873E4

Orchid

Actions

Explore the gradient in different formats, and actions.

Colors overview

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#4c0070	rgb(76, 0, 112)	hsl(280 100% 22%)	hwb(280 0% 56%)	lch(18.3 63.1 314)	lab(18.3 44.2 -45)	cmyk 32%, 100%, 0%, 56%
	#6b1d8d	rgb(107, 29, 141)	hsl(280 66% 33%)	hwb(280 11% 45%)	lch(28.8 65.8 316)	lab(28.8 47.1 -46.1)	cmyk 24%, 79%, 0%, 45%
	#8a39aa	rgb(138, 57, 170)	hsl(280 50% 45%)	hwb(280 22% 33%)	lch(39.6 66.6 316)	lab(39.6 48.2 -46)	cmyk 19%, 66%, 0%, 33%
	#a956c7	rgb(169, 86, 199)	hsl(280 50% 56%)	hwb(280 34% 22%)	lch(50.6 65.8 317)	lab(50.6 48 -45.1)	cmyk 15%, 57%, 0%, 22%
	#c873e4	rgb(200, 115, 228)	hsl(290 68% 67%)	hwb(290 45% 11%)	lch(61.5 64.8 317)	lab(61.5 47.5 -44)	cmyk 12%, 50%, 0%, 11%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#4C0070

AAA - 13.62



#6B1D8D

AAA - 9.6



#8A39AA

AA - 6.46



#A956C7

AA - 4.33



#C873E4

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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(32.3% 0.104 -0.127), oklab(41.3% 0.12 -0.129), oklab(50.5% 0.128 -0.129), oklab(59.9% 0.131 -0.126), oklab(69.2% 0.132 -0.122))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #4C0070, #6B1D8D, #8A39AA, #A956C7, #C873E4)

Colors



<!-- Primary Colors -->
<color name="orchid_color_10">#4C0070</color>
<color name="orchid_color_20">#6B1D8D</color>
<color name="orchid_color_30">#8A39AA</color>
<color name="orchid_color_40">#A956C7</color>
<color name="orchid_color_50">#C873E4</color>

Gradient PRO

Pro feature only

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

PWA prompt