#E8B372

#E28F59

#D96E49

#C6523C

Sunset Cooper

Actions

Explore the gradient in different formats, and actions.

Colors overview

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e8b372	rgb(232, 179, 114)	hsl(33 72% 68%)	hwb(33 45% 9%)	lch(76.9 43.2 70.7)	lab(76.9 14.3 40.8)	cmyk 0%, 23%, 51%, 9%
	#e28f59	rgb(226, 143, 89)	hsl(24 70% 62%)	hwb(24 35% 11%)	lch(67.4 51 55.8)	lab(67.4 28.7 42.1)	cmyk 0%, 37%, 61%, 11%
	#d96e49	rgb(217, 110, 73)	hsl(15 65% 57%)	hwb(15 29% 15%)	lch(59 57.4 44.7)	lab(59 40.8 40.4)	cmyk 0%, 49%, 66%, 15%
	#c6523c	rgb(198, 82, 60)	hsl(9.6 55% 51%)	hwb(9.6 24% 22%)	lch(50.6 59.3 38.7)	lab(50.6 46.3 37.1)	cmyk 0%, 59%, 70%, 22%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#E8B372

AA - 1.88



#E28F59

AA - 2.52



#D96E49

AA - 3.34



#C6523C

AA - 4.49



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(80.1% 0.033 0.097), oklab(72.5% 0.074 0.098), oklab(65.6% 0.111 0.092), oklab(58.6% 0.129 0.083))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #E8B372, #E28F59, #D96E49, #C6523C)

Colors



<!-- Primary Colors -->
<color name="sunset_cooper_color_10">#E8B372</color>
<color name="sunset_cooper_color_20">#E28F59</color>
<color name="sunset_cooper_color_30">#D96E49</color>
<color name="sunset_cooper_color_40">#C6523C</color>

Gradient PRO

Pro feature only

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

PWA prompt