Startup

#66023C

#950740

#C40D43

#EF1146

#FF154A

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#66023c	rgb(102, 2, 60)	hsl(330 96% 20%)	hwb(330 0.78% 60%)	lch(21.1 43.5 353)	lab(21.1 43.2 -5.22)	cmyk 0%, 98%, 41%, 60%
	#950740	rgb(149, 7, 64)	hsl(340 91% 31%)	hwb(340 2.7% 42%)	lch(32.1 55.6 9.82)	lab(32.1 54.8 9.48)	cmyk 0%, 95%, 57%, 42%
	#c40d43	rgb(196, 13, 67)	hsl(340 88% 41%)	hwb(340 5.1% 23%)	lch(42.6 70.3 19.5)	lab(42.6 66.2 23.5)	cmyk 0%, 93%, 66%, 23%
	#ef1146	rgb(239, 17, 70)	hsl(350 87% 50%)	hwb(350 6.7% 6.3%)	lch(51.8 84.3 24.7)	lab(51.8 76.6 35.2)	cmyk 0%, 93%, 71%, 6%
	#ff154a	rgb(255, 21, 74)	hsl(350 100% 54%)	hwb(350 8.2% 0%)	lch(55.3 88.7 25.2)	lab(55.3 80.2 37.8)	cmyk 0%, 92%, 71%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#66023C

AAA - 12.81



#950740

AAA - 8.81



#C40D43

AA - 6.02



#EF1146

AA - 4.33



#FF154A

AA - 3.84



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(33.5% 0.135 -0.015), oklab(43.2% 0.168 0.021), oklab(52.5% 0.198 0.052), oklab(60.7% 0.225 0.076), oklab(63.8% 0.236 0.082))

Fallback colors



background: linear-gradient(45deg, #66023C, #950740, #C40D43, #EF1146, #FF154A)

Colors



<!-- Primary Colors -->
<color name="startup_color_10">#66023C</color>
<color name="startup_color_20">#950740</color>
<color name="startup_color_30">#C40D43</color>
<color name="startup_color_40">#EF1146</color>
<color name="startup_color_50">#FF154A</color>

PWA prompt