Sunset Color Gradient

 #FBB03B

 #ED1C24

Colors overview

 Orange

 Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#fbb03b	rgb(251, 176, 59)	hsl(37 96% 61%)	hwb(37 23% 1.6%)	lch(77.8 70.5 72.5)	lab(77.8 21.2 67.3)	cmyk 0%, 30%, 76%, 2%
	#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%

 Click a color format to copy to your clipboard.

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

#FBB03B

AA - 1.84



#ED1C24

AA - 4.38



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 space

HDR oklab colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), oklab(81% 0.043 0.146), oklab(60.3% 0.209 0.107))

Fallback colors New



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

Colors



<resources>
    <color name="sunset_100">#FBB03B</color>
    <color name="sunset_200">#ED1C24</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt