Crazy

#3a0089

#930078

#e61c5e

#ffe98e

#ffffff

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#3a0089	rgb(58, 0, 137)	hsl(270 100% 27%)	hwb(270 0% 46%)	lch(17.7 77.4 307)	lab(17.7 46.2 -62.1)	cmyk 58%, 100%, 0%, 46%
	#930078	rgb(147, 0, 120)	hsl(310 100% 29%)	hwb(310 0% 42%)	lch(33.2 64.5 337)	lab(33.2 59.3 -25.4)	cmyk 0%, 100%, 18%, 42%
	#e61c5e	rgb(230, 28, 94)	hsl(340 80% 51%)	hwb(340 11% 9.8%)	lch(50.8 76.2 14.4)	lab(50.8 73.8 18.9)	cmyk 0%, 88%, 59%, 10%
	#ffe98e	rgb(255, 233, 142)	hsl(48 100% 78%)	hwb(48 56% 0%)	lch(92.7 46.9 91.2)	lab(92.7 -0.996 46.9)	cmyk 0%, 9%, 44%, 0%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#3a0089

AAA - 13.62



#930078

AAA - 8.36



#e61c5e

AA - 4.47



#ffe98e

AA - 1.21



#ffffff

AA - 1



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(32.5% 0.061 -0.174), oklab(44.9% 0.183 -0.071), oklab(59.9% 0.224 0.043), oklab(93.3% -0.012 0.113), oklab(100% 0 0))

Fallback colors



background: linear-gradient(45deg, #3a0089, #930078, #e61c5e, #ffe98e, #ffffff)

Colors



<!-- Primary Colors -->
<color name="crazy_color_10">#3a0089</color>
<color name="crazy_color_20">#930078</color>
<color name="crazy_color_30">#e61c5e</color>
<color name="crazy_color_40">#ffe98e</color>
<color name="crazy_color_50">#ffffff</color>

PWA prompt