Mystery Color Palette

#473a5e

#817691

#beb8c7

#e6e1ed

#473a5e

#817691

#beb8c7

#e6e1ed

Colors overview

Purple

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#473a5e	rgb(71, 58, 94)	hsl(260 24% 30%)	hwb(260 23% 63%)	lch(27.1 23.1 302)	lab(27.1 12.3 -19.5)	cmyk 24%, 38%, 0%, 63%
	#817691	rgb(129, 118, 145)	hsl(260 11% 52%)	hwb(260 46% 43%)	lch(51.4 15.7 303)	lab(51.4 8.52 -13.1)	cmyk 11%, 19%, 0%, 43%
	#beb8c7	rgb(190, 184, 199)	hsl(260 12% 75%)	hwb(260 72% 22%)	lch(75.6 8.05 302)	lab(75.6 4.29 -6.81)	cmyk 5%, 8%, 0%, 22%
	#e6e1ed	rgb(230, 225, 237)	hsl(270 25% 91%)	hwb(270 88% 7.1%)	lch(90.2 6.22 303)	lab(90.2 3.37 -5.24)	cmyk 3%, 5%, 0%, 7%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#473a5e

AAA - 10.32



#817691

AA - 4.25



#beb8c7

AA - 1.93



#e6e1ed

AA - 1.28



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(37.8% 0.031 -0.054), oklab(58.5% 0.024 -0.035), oklab(79.2% 0.012 -0.018), oklab(91.7% 0.01 -0.014))

Fallback colors



background: linear-gradient(45deg, #473a5e, #817691, #beb8c7, #e6e1ed)

Colors



<!-- Primary Colors -->
<color name="mystery_color_10">#473a5e</color>
<color name="mystery_color_20">#817691</color>
<color name="mystery_color_30">#beb8c7</color>
<color name="mystery_color_40">#e6e1ed</color>

PWA prompt