Scarlet Night

#FF2400

#C70039

#99003D

#660033

#330026

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ff2400	rgb(255, 36, 0)	hsl(8.5 100% 50%)	hwb(8.5 0% 0%)	lch(55.6 104 42.3)	lab(55.6 77.2 70.1)	cmyk 0%, 86%, 100%, 0%
	#c70039	rgb(199, 0, 57)	hsl(340 100% 39%)	hwb(340 0% 22%)	lch(42.7 74.2 23.9)	lab(42.7 67.9 30)	cmyk 0%, 100%, 71%, 22%
	#99003d	rgb(153, 0, 61)	hsl(340 100% 30%)	hwb(340 0% 40%)	lch(32.6 57.9 12.3)	lab(32.6 56.6 12.3)	cmyk 0%, 100%, 60%, 40%
	#660033	rgb(102, 0, 51)	hsl(330 100% 20%)	hwb(330 0% 60%)	lch(20.7 43 0.605)	lab(20.7 43 0.454)	cmyk 0%, 100%, 50%, 60%
	#330026	rgb(51, 0, 38)	hsl(320 100% 10%)	hwb(320 0% 80%)	lch(7.71 30.5 339)	lab(7.71 28.4 -10.9)	cmyk 0%, 100%, 25%, 80%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#FF2400

AA - 3.81



#C70039

AA - 6.02



#99003D

AAA - 8.67



#660033

AAA - 13.02



#330026

AAA - 17.96



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(63.8% 0.213 0.128), oklab(52.6% 0.2 0.065), oklab(43.7% 0.173 0.027), oklab(33.1% 0.134 -0.001), oklab(21.6% 0.088 -0.03))

Fallback colors



background: linear-gradient(45deg, #FF2400, #C70039, #99003D, #660033, #330026)

Colors



<!-- Primary Colors -->
<color name="scarlet_night_color_10">#FF2400</color>
<color name="scarlet_night_color_20">#C70039</color>
<color name="scarlet_night_color_30">#99003D</color>
<color name="scarlet_night_color_40">#660033</color>
<color name="scarlet_night_color_50">#330026</color>

PWA prompt