Spaghetti Sauce Color Palette

#f87676

#d95942

#c84838

#a83b31

#822b26

#f87676

#d95942

#c84838

#a83b31

#822b26

Colors overview

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f87676	rgb(248, 118, 118)	hsl(0 90% 72%)	hwb(0 46% 2.7%)	lch(65.7 56.6 26.3)	lab(65.7 50.8 25.1)	cmyk 0%, 52%, 52%, 3%
	#d95942	rgb(217, 89, 66)	hsl(9.1 67% 55%)	hwb(9.1 26% 15%)	lch(55 64.1 38.4)	lab(55 50.2 39.7)	cmyk 0%, 59%, 70%, 15%
	#c84838	rgb(200, 72, 56)	hsl(6.7 57% 50%)	hwb(6.7 22% 22%)	lch(49.2 63.7 36.5)	lab(49.2 51.1 37.9)	cmyk 0%, 64%, 72%, 22%
	#a83b31	rgb(168, 59, 49)	hsl(5 55% 43%)	hwb(5 19% 34%)	lch(41.3 54.9 34.8)	lab(41.3 45.1 31.3)	cmyk 0%, 65%, 71%, 34%
	#822b26	rgb(130, 43, 38)	hsl(3.3 55% 33%)	hwb(3.3 15% 49%)	lch(31.4 45.1 32.9)	lab(31.4 37.8 24.5)	cmyk 0%, 67%, 71%, 49%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#f87676

AA - 2.67



#d95942

AA - 3.84



#c84838

AA - 4.72



#a83b31

AA - 6.29



#822b26

AAA - 9.04



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(71.9% 0.148 0.06), oklab(62.5% 0.14 0.088), oklab(57.5% 0.144 0.083), oklab(50.6% 0.128 0.069), oklab(41.9% 0.108 0.055))

Fallback colors



background: linear-gradient(45deg, #f87676, #d95942, #c84838, #a83b31, #822b26)

Colors



<!-- Primary Colors -->
<color name="spaghetti_sauce_color_10">#f87676</color>
<color name="spaghetti_sauce_color_20">#d95942</color>
<color name="spaghetti_sauce_color_30">#c84838</color>
<color name="spaghetti_sauce_color_40">#a83b31</color>
<color name="spaghetti_sauce_color_50">#822b26</color>

PWA prompt