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	OKLAB HDR	OKLCH HDR	P3 HDR
	#990d35	rgb(153, 13, 53)	hsl(340 84% 33%)	oklab(44% 0.16 0.04)	oklch(44% 0.17 14)	color(display-p3 0.55 0.13 0.22)
	#d52941	rgb(213, 41, 65)	hsl(350 68% 50%)	oklab(57% 0.19 0.07)	oklch(57% 0.2 20)	color(display-p3 0.77 0.23 0.27)
	#fcd581	rgb(252, 213, 129)	hsl(41 95% 75%)	oklab(89% 0.01 0.11)	oklch(89% 0.11 85)	color(display-p3 0.96 0.84 0.55)
	#fff8e8	rgb(255, 248, 232)	hsl(42 100% 95%)	oklab(98% 0 0.02)	oklch(98% 0.02 87)	color(display-p3 1 0.97 0.92)
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	oklab(100% 0 0)	oklch(100% 0 none)	color(display-p3 1 1 1)

 Click on a color value to copy it 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