Sunrise Sky

Actions

Explore the gradient in different formats, and actions.

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#b35a26	rgb(179, 90, 38)	hsl(22 65% 43%)	hwb(22 15% 30%)	lch(48.9 57.1 52.9)	lab(48.9 34.4 45.5)	cmyk 0%, 50%, 79%, 30%
	#fcbe6d	rgb(252, 190, 109)	hsl(34 96% 71%)	hwb(34 43% 1.2%)	lch(81.6 52.2 71.4)	lab(81.6 16.7 49.5)	cmyk 0%, 25%, 57%, 1%

 Click a color format to copy to your clipboard.

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

#b35a26

AA - 4.76



#fcbe6d

AA - 1.65



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(56.7% 0.089 0.098), oklab(84.2% 0.037 0.116))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #b35a26, #fcbe6d)

Colors



<!-- Primary Colors -->
<color name="sunrise_sky_color_10">#b35a26</color>
<color name="sunrise_sky_color_20">#fcbe6d</color>

Gradient PRO

Pro feature only

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

PWA prompt