#b16aeb

#8b2bd9

#6609b3

#3b006b

#20003b

IWD

#b16aeb

#8b2bd9

#6609b3

#3b006b

#20003b



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

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%
	#20003b	rgb(32, 0, 59)	hsl(270 100% 12%)	hwb(270 0% 77%)	lch(5.3 40 310)	lab(5.3 25.8 -30.6)	cmyk 46%, 100%, 0%, 77%

 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



#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