#602317

#A33D21

#E66A21

#F79330

#FCD97A

Sunfire

Actions

Explore the gradient in different formats, and actions.

Colors overview

Orange

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#602317	rgb(96, 35, 23)	hsl(9.9 61% 23%)	hwb(9.9 9% 62%)	lch(23.2 35.8 39.2)	lab(23.2 27.7 22.6)	cmyk 0%, 64%, 76%, 62%
	#a33d21	rgb(163, 61, 33)	hsl(13 66% 38%)	hwb(13 13% 36%)	lch(40.6 57.4 43)	lab(40.6 41.9 39.2)	cmyk 0%, 63%, 80%, 36%
	#e66a21	rgb(230, 106, 33)	hsl(22 80% 52%)	hwb(22 13% 9.8%)	lch(59.9 76.4 52.5)	lab(59.9 46.5 60.6)	cmyk 0%, 54%, 86%, 10%
	#f79330	rgb(247, 147, 48)	hsl(30 93% 58%)	hwb(30 19% 3.1%)	lch(70.7 73.2 62.6)	lab(70.7 33.7 65)	cmyk 0%, 40%, 81%, 3%
	#fcd97a	rgb(252, 217, 122)	hsl(44 96% 73%)	hwb(44 48% 1.2%)	lch(88.2 51.2 85.3)	lab(88.2 4.17 51)	cmyk 0%, 14%, 52%, 1%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#602317

AAA - 11.99



#A33D21

AA - 6.46



#E66A21

AA - 3.25



#F79330

AA - 2.28



#FCD97A

AA - 1.36



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(34.5% 0.077 0.05), oklab(49.8% 0.114 0.083), oklab(66.5% 0.12 0.125), oklab(75.3% 0.08 0.138), oklab(89.5% 0.001 0.121))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #602317, #A33D21, #E66A21, #F79330, #FCD97A)

Colors



<!-- Primary Colors -->
<color name="sunfire_color_10">#602317</color>
<color name="sunfire_color_20">#A33D21</color>
<color name="sunfire_color_30">#E66A21</color>
<color name="sunfire_color_40">#F79330</color>
<color name="sunfire_color_50">#FCD97A</color>

Gradient PRO

Pro feature only

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

PWA prompt