#b16aeb

#8b2bd9

#6609b3

#3b006b

IWD

Actions

Explore the gradient in different formats, and actions.

Colors overview

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#b16aeb	rgb(177, 106, 235)	hsl(270 76% 67%)	hwb(270 42% 7.8%)	lch(57.2 71.9 310)	lab(57.2 46.4 -54.9)	cmyk 25%, 55%, 0%, 8%
	#8b2bd9	rgb(139, 43, 217)	hsl(270 70% 51%)	hwb(270 17% 15%)	lch(40.7 94.5 311)	lab(40.7 61.6 -71.6)	cmyk 36%, 80%, 0%, 15%
	#6609b3	rgb(102, 9, 179)	hsl(270 90% 37%)	hwb(270 3.5% 30%)	lch(29.1 89.6 310)	lab(29.1 57.5 -68.7)	cmyk 43%, 95%, 0%, 30%
	#3b006b	rgb(59, 0, 107)	hsl(270 100% 21%)	hwb(270 0% 58%)	lch(14.8 62.7 310)	lab(14.8 40.7 -47.8)	cmyk 45%, 100%, 0%, 58%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#b16aeb

AA - 3.42



#8b2bd9

AA - 6.09



#6609b3

AAA - 9.31



#3b006b

AAA - 15.01



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(65.7% 0.117 -0.153), oklab(52.7% 0.134 -0.201), oklab(42.7% 0.111 -0.193), oklab(29.2% 0.079 -0.134))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #b16aeb, #8b2bd9, #6609b3, #3b006b)

Colors



<!-- Primary Colors -->
<color name="iwd_color_10">#b16aeb</color>
<color name="iwd_color_20">#8b2bd9</color>
<color name="iwd_color_30">#6609b3</color>
<color name="iwd_color_40">#3b006b</color>

Gradient PRO

Pro feature only

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

PWA prompt