Sushi

#90131E

#F44336

#F49649

#F7DDB2

#30393C

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Orange

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#90131e	rgb(144, 19, 30)	hsl(350 77% 32%)	hwb(350 7.5% 44%)	lch(31.2 58.6 31.2)	lab(31.2 50.1 30.3)	cmyk 0%, 87%, 79%, 44%
	#f44336	rgb(244, 67, 54)	hsl(4.1 90% 58%)	hwb(4.1 21% 4.3%)	lch(56.5 83.3 36.4)	lab(56.5 67.1 49.4)	cmyk 0%, 73%, 78%, 4%
	#f49649	rgb(244, 150, 73)	hsl(27 89% 62%)	hwb(27 29% 4.3%)	lch(71.1 63.3 59.9)	lab(71.1 31.7 54.8)	cmyk 0%, 39%, 70%, 4%
	#f7ddb2	rgb(247, 221, 178)	hsl(37 81% 83%)	hwb(37 70% 3.1%)	lch(89.5 25.1 79.4)	lab(89.5 4.62 24.6)	cmyk 0%, 11%, 28%, 3%
	#30393c	rgb(48, 57, 60)	hsl(200 11% 21%)	hwb(200 19% 76%)	lch(23.2 4.62 224)	lab(23.2 -3.32 -3.21)	cmyk 20%, 5%, 0%, 76%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#90131E

AAA - 9.13



#F44336

AA - 3.68



#F49649

AA - 2.25



#F7DDB2

AA - 1.31



#30393C

AAA - 11.82



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(42.1% 0.144 0.064), oklab(64.3% 0.189 0.104), oklab(75.7% 0.079 0.122), oklab(90.8% 0.011 0.062), oklab(33.7% -0.01 -0.008))

Fallback colors



background: linear-gradient(45deg, #90131E, #F44336, #F49649, #F7DDB2, #30393C)

Colors



<!-- Primary Colors -->
<color name="sushi_color_10">#90131E</color>
<color name="sushi_color_20">#F44336</color>
<color name="sushi_color_30">#F49649</color>
<color name="sushi_color_40">#F7DDB2</color>
<color name="sushi_color_50">#30393C</color>

PWA prompt