IWD

#b16aeb

#8b2bd9

#6609b3

#3b006b

#20003b

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#b16aeb	rgb(177, 106, 235)	hsl(270 76% 67%)	oklab(66% 0.12 -0.15)	oklch(66% 0.19 310)	color(display-p3 0.66 0.43 0.89)
	#8b2bd9	rgb(139, 43, 217)	hsl(270 70% 51%)	oklab(53% 0.13 -0.2)	oklch(53% 0.24 300)	color(display-p3 0.5 0.2 0.82)
	#6609b3	rgb(102, 9, 179)	hsl(270 90% 37%)	oklab(43% 0.11 -0.19)	oklch(43% 0.22 300)	color(display-p3 0.37 0.08 0.67)
	#3b006b	rgb(59, 0, 107)	hsl(270 100% 21%)	oklab(29% 0.08 -0.13)	oklch(29% 0.16 300)	color(display-p3 0.21 0.02 0.4)
	#20003b	rgb(32, 0, 59)	hsl(270 100% 12%)	oklab(20% 0.06 -0.09)	oklch(20% 0.1 300)	color(display-p3 0.11 0.01 0.22)

 Click on a color value to copy it 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



#20003b

AAA - 18.67



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(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), oklab(19.8% 0.056 -0.088))

Fallback colors



background: linear-gradient(45deg, #b16aeb, #8b2bd9, #6609b3, #3b006b, #20003b)

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>
<color name="iwd_color_50">#20003b</color>

PWA prompt