Fast Food

#990d35

#d52941

#fcd581

#fff8e8

#ffffff

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Yellow

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#990d35	rgb(153, 13, 53)	hsl(340 84% 33%)	hwb(340 5.1% 40%)	lch(33.1 57.5 18.5)	lab(33.1 54.5 18.2)	cmyk 0%, 92%, 65%, 40%
	#d52941	rgb(213, 41, 65)	hsl(350 68% 50%)	hwb(350 16% 16%)	lch(47.9 73.1 26)	lab(47.9 65.7 32.1)	cmyk 0%, 81%, 69%, 16%
	#fcd581	rgb(252, 213, 129)	hsl(41 95% 75%)	hwb(41 51% 1.2%)	lch(87.3 47 82)	lab(87.3 6.55 46.6)	cmyk 0%, 15%, 49%, 1%
	#fff8e8	rgb(255, 248, 232)	hsl(42 100% 95%)	hwb(42 91% 0%)	lch(97.8 8.6 87.1)	lab(97.8 0.437 8.59)	cmyk 0%, 3%, 9%, 0%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#990d35

AAA - 8.52



#d52941

AA - 4.97



#fcd581

AA - 1.4



#fff8e8

AA - 1.05



#ffffff

AA - 1



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% 0.163 0.041), oklab(57% 0.192 0.07), oklab(88.9% 0.009 0.111), oklab(98% 0.001 0.022), oklab(100% 0 0))

Fallback colors



background: linear-gradient(45deg, #990d35, #d52941, #fcd581, #fff8e8, #ffffff)

Colors



<!-- Primary Colors -->
<color name="fast_food_color_10">#990d35</color>
<color name="fast_food_color_20">#d52941</color>
<color name="fast_food_color_30">#fcd581</color>
<color name="fast_food_color_40">#fff8e8</color>
<color name="fast_food_color_50">#ffffff</color>

PWA prompt