Refresher

#fb8781

#fdcecc

#fffdfd

#5acae6

#4193a6

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

White

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#fb8781	rgb(251, 135, 129)	hsl(3 94% 75%)	hwb(3 51% 1.6%)	lch(69.6 50.7 28.5)	lab(69.6 44.6 24.2)	cmyk 0%, 46%, 49%, 2%
	#fdcecc	rgb(253, 206, 204)	hsl(2.4 92% 90%)	hwb(2.4 80% 0.78%)	lch(86.9 18.5 24.2)	lab(86.9 16.9 7.59)	cmyk 0%, 19%, 19%, 1%
	#fffdfd	rgb(255, 253, 253)	hsl(0 100% 100%)	hwb(0 99% 0%)	lch(99.5 0.728 19.7)	lab(99.5 0.685 0.246)	cmyk 0%, 1%, 1%, 0%
	#5acae6	rgb(90, 202, 230)	hsl(190 74% 63%)	hwb(190 35% 9.8%)	lch(75.7 36.2 222)	lab(75.7 -27 -24.1)	cmyk 61%, 12%, 0%, 10%
	#4193a6	rgb(65, 147, 166)	hsl(190 44% 45%)	hwb(190 25% 35%)	lch(56.5 28 220)	lab(56.5 -21.5 -18)	cmyk 61%, 11%, 0%, 35%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#fb8781

AA - 2.36



#fdcecc

AA - 1.41



#fffdfd

AA - 1.01



#5acae6

AA - 1.9



#4193a6

AA - 3.53



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(75% 0.13 0.058), oklab(89.1% 0.05 0.019), oklab(99.6% 0.002 0.001), oklab(78.5% -0.087 -0.065), oklab(62% -0.068 -0.048))

Fallback colors



background: linear-gradient(45deg, #fb8781, #fdcecc, #fffdfd, #5acae6, #4193a6)

Colors



<!-- Primary Colors -->
<color name="refresher_color_10">#fb8781</color>
<color name="refresher_color_20">#fdcecc</color>
<color name="refresher_color_30">#fffdfd</color>
<color name="refresher_color_40">#5acae6</color>
<color name="refresher_color_50">#4193a6</color>

PWA prompt