Milk

#FAFAFA

#F5F5F5

#EEEEEE

#DDDDDD

#CCCCCC

Actions

Explore the palette in different formats, and actions.

Colors overview

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#fafafa	rgb(250, 250, 250)	hsl(none 0% 98%)	hwb(none 98% 2%)	lch(98.3 0 none)	lab(98.3 0 0)	cmyk 0%, 0%, 0%, 2%
	#f5f5f5	rgb(245, 245, 245)	hsl(none 0% 96%)	hwb(none 96% 3.9%)	lch(96.5 0 none)	lab(96.5 0 0)	cmyk 0%, 0%, 0%, 4%
	#eeeeee	rgb(238, 238, 238)	hsl(none 0% 93%)	hwb(none 93% 6.7%)	lch(94.1 0 none)	lab(94.1 0 0)	cmyk 0%, 0%, 0%, 7%
	#dddddd	rgb(221, 221, 221)	hsl(none 0% 87%)	hwb(none 87% 13%)	lch(88.1 0 none)	lab(88.1 0 0)	cmyk 0%, 0%, 0%, 13%
	#cccccc	rgb(204, 204, 204)	hsl(none 0% 80%)	hwb(none 80% 20%)	lch(82 0 none)	lab(82 0 0)	cmyk 0%, 0%, 0%, 20%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#FAFAFA

AA - 1.04



#F5F5F5

AA - 1.09



#EEEEEE

AA - 1.16



#DDDDDD

AA - 1.35



#CCCCCC

AA - 1.6



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(98.5% 0 0), oklab(97% 0 0), oklab(94.9% 0 0), oklab(89.8% 0 0), oklab(84.5% 0 0))

Fallback colors



background: linear-gradient(45deg, #FAFAFA, #F5F5F5, #EEEEEE, #DDDDDD, #CCCCCC)

Colors



<!-- Primary Colors -->
<color name="milk_color_10">#FAFAFA</color>
<color name="milk_color_20">#F5F5F5</color>
<color name="milk_color_30">#EEEEEE</color>
<color name="milk_color_40">#DDDDDD</color>
<color name="milk_color_50">#CCCCCC</color>

PWA prompt