Winter

#7b7477

#e1d4da

#f5e8f4

#fefcff

#eeebf5

Actions

Explore the palette in different formats, and actions.

Colors overview

Grey

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#7b7477	rgb(123, 116, 119)	hsl(330 2.9% 47%)	hwb(330 45% 52%)	lch(49.6 3.28 349)	lab(49.6 3.22 -0.642)	cmyk 0%, 6%, 3%, 52%
	#e1d4da	rgb(225, 212, 218)	hsl(330 18% 86%)	hwb(330 83% 12%)	lch(86.1 5.56 347)	lab(86.1 5.41 -1.28)	cmyk 0%, 6%, 3%, 12%
	#f5e8f4	rgb(245, 232, 244)	hsl(300 39% 94%)	hwb(300 91% 3.9%)	lch(93.3 7.4 326)	lab(93.3 6.11 -4.17)	cmyk 0%, 5%, 0%, 4%
	#fefcff	rgb(254, 252, 255)	hsl(280 100% 99%)	hwb(280 99% 0%)	lch(99.2 1.61 312)	lab(99.2 1.08 -1.19)	cmyk 0%, 1%, 0%, 0%
	#eeebf5	rgb(238, 235, 245)	hsl(260 33% 94%)	hwb(260 92% 3.9%)	lch(93.5 5.07 298)	lab(93.5 2.38 -4.48)	cmyk 3%, 4%, 0%, 4%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#7b7477

AA - 4.55



#e1d4da

AA - 1.43



#f5e8f4

AA - 1.18



#fefcff

AA - 1.02



#eeebf5

AA - 1.17



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(56.6% 0.01 -0.002), oklab(88.2% 0.016 -0.003), oklab(94.5% 0.018 -0.011), oklab(99.3% 0.003 -0.003), oklab(94.5% 0.007 -0.012))

Fallback colors



background: linear-gradient(45deg, #7b7477, #e1d4da, #f5e8f4, #fefcff, #eeebf5)

Colors



<!-- Primary Colors -->
<color name="winter_color_10">#7b7477</color>
<color name="winter_color_20">#e1d4da</color>
<color name="winter_color_30">#f5e8f4</color>
<color name="winter_color_40">#fefcff</color>
<color name="winter_color_50">#eeebf5</color>

PWA prompt