Dawn Color Gradient

 #ED1C24

 #FCEE21

Colors overview

Orange

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#ed1c24	rgb(237, 28, 36)	hsl(360 85% 52%)	hwb(360 11% 7.1%)	lch(51.6 91.5 36)	lab(51.6 74 53.8)	cmyk 0%, 88%, 85%, 7%
	#fcee21	rgb(252, 238, 33)	hsl(56 97% 56%)	hwb(56 13% 1.2%)	lch(93 87.1 95.9)	lab(93 -8.94 86.6)	cmyk 0%, 6%, 87%, 1%

 Click a color format to copy to your clipboard.

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

#ED1C24

AA - 4.38



#FCEE21

AA - 1.2



The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

Preview the gradient in different UI components.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(60.3% 0.209 0.107), oklab(93.1% -0.05 0.186))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #ED1C24, #FCEE21)

Colors



<!-- Primary Colors -->
<color name="dawn_color_10">#ED1C24</color>
<color name="dawn_color_20">#FCEE21</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt