#132743

#e01044

#ff809f

#ffec9e

#ffffff

Food

#132743

#e01044

#ff809f

#ffec9e

#ffffff



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Red

Yellow

Black

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#132743	rgb(19, 39, 67)	hsl(220 56% 17%)	hwb(220 7.5% 74%)	lch(15.2 20.5 270)	lab(15.2 -0.045 -20.5)	cmyk 72%, 42%, 0%, 74%
	#e01044	rgb(224, 16, 68)	hsl(350 87% 47%)	hwb(350 6.3% 12%)	lch(48.6 79.6 23.5)	lab(48.6 73 31.8)	cmyk 0%, 93%, 70%, 12%
	#ff809f	rgb(255, 128, 159)	hsl(350 100% 75%)	hwb(350 50% 0%)	lch(69.3 52 8.01)	lab(69.3 51.5 7.24)	cmyk 0%, 50%, 38%, 0%
	#ffec9e	rgb(255, 236, 158)	hsl(48 100% 81%)	hwb(48 62% 0%)	lch(93.6 40.3 91.7)	lab(93.6 -1.23 40.3)	cmyk 0%, 7%, 38%, 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.

#132743

AAA - 15.01



#e01044

AA - 4.85



#ff809f

AA - 2.37



#ffec9e

AA - 1.18



#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(27.2% -0.013 -0.057), oklab(57.9% 0.215 0.069), oklab(75.2% 0.156 0.017), oklab(94.1% -0.011 0.099), oklab(100% 0 0))

Fallback colors



background: linear-gradient(45deg, #132743, #e01044, #ff809f, #ffec9e, #ffffff)

Colors



<!-- Primary Colors -->
<color name="food_color_10">#132743</color>
<color name="food_color_20">#e01044</color>
<color name="food_color_30">#ff809f</color>
<color name="food_color_40">#ffec9e</color>
<color name="food_color_50">#ffffff</color>

PWA prompt