Fireside

#8E3118

#B24926

#D96448

#F28969

#F2A37A

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#8e3118	rgb(142, 49, 24)	hsl(13 71% 33%)	hwb(13 9.4% 44%)	lch(34.6 53.7 43.1)	lab(34.6 39.2 36.7)	cmyk 0%, 65%, 83%, 44%
	#b24926	rgb(178, 73, 38)	hsl(15 65% 42%)	hwb(15 15% 30%)	lch(45.4 59.7 45)	lab(45.4 42.2 42.2)	cmyk 0%, 59%, 79%, 30%
	#d96448	rgb(217, 100, 72)	hsl(12 66% 57%)	hwb(12 28% 15%)	lch(57 59.8 40.4)	lab(57 45.5 38.8)	cmyk 0%, 54%, 67%, 15%
	#f28969	rgb(242, 137, 105)	hsl(14 84% 68%)	hwb(14 41% 5.1%)	lch(68.4 52.6 42.4)	lab(68.4 38.8 35.5)	cmyk 0%, 43%, 57%, 5%
	#f2a37a	rgb(242, 163, 122)	hsl(20 82% 71%)	hwb(20 48% 5.1%)	lch(74.3 43.2 51.5)	lab(74.3 26.9 33.8)	cmyk 0%, 33%, 50%, 5%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#8E3118

AAA - 8.06



#B24926

AA - 5.42



#D96448

AA - 3.57



#F28969

AA - 2.45



#F2A37A

AA - 2.03



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(44.6% 0.107 0.077), oklab(53.9% 0.114 0.09), oklab(64.1% 0.126 0.087), oklab(73.7% 0.108 0.083), oklab(78.4% 0.073 0.081))

Fallback colors



background: linear-gradient(45deg, #8E3118, #B24926, #D96448, #F28969, #F2A37A)

Colors



<!-- Primary Colors -->
<color name="fireside_color_10">#8E3118</color>
<color name="fireside_color_20">#B24926</color>
<color name="fireside_color_30">#D96448</color>
<color name="fireside_color_40">#F28969</color>
<color name="fireside_color_50">#F2A37A</color>

PWA prompt