Fire

#e66436

#f69976

#ffccb9

#ffe5db

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e66436	rgb(230, 100, 54)	hsl(16 78% 56%)	hwb(16 21% 9.8%)	lch(58.9 71.1 45.6)	lab(58.9 49.7 50.8)	cmyk 0%, 57%, 77%, 10%
	#f69976	rgb(246, 153, 118)	hsl(16 88% 71%)	hwb(16 46% 3.5%)	lch(72.5 47.4 45.5)	lab(72.5 33.2 33.8)	cmyk 0%, 38%, 52%, 4%
	#ffccb9	rgb(255, 204, 185)	hsl(16 100% 86%)	hwb(16 73% 0%)	lch(86.2 23.6 45.1)	lab(86.2 16.7 16.7)	cmyk 0%, 20%, 27%, 0%
	#ffe5db	rgb(255, 229, 219)	hsl(17 100% 93%)	hwb(17 86% 0%)	lch(92.9 11.5 46)	lab(92.9 8.02 8.31)	cmyk 0%, 10%, 14%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#e66436

AA - 3.36



#f69976

AA - 2.15



#ffccb9

AA - 1.43



#ffe5db

AA - 1.2



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.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(65.8% 0.134 0.109), oklab(77.1% 0.092 0.081), oklab(88.5% 0.048 0.042), oklab(94% 0.023 0.021))

Fallback colors



background: linear-gradient(45deg, #e66436, #f69976, #ffccb9, #ffe5db)

Colors



<!-- Primary Colors -->
<color name="fire_color_10">#e66436</color>
<color name="fire_color_20">#f69976</color>
<color name="fire_color_30">#ffccb9</color>
<color name="fire_color_40">#ffe5db</color>

PWA prompt