Fresh

#afadf5

#ffe6c9

#f5d3ad

#e0fcc7

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Green

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#afadf5	rgb(175, 173, 245)	hsl(240 78% 82%)	hwb(240 68% 3.9%)	lch(72.9 38.1 289)	lab(72.9 12.6 -35.9)	cmyk 29%, 29%, 0%, 4%
	#ffe6c9	rgb(255, 230, 201)	hsl(32 100% 89%)	hwb(32 79% 0%)	lch(92.8 18.3 72.3)	lab(92.8 5.57 17.5)	cmyk 0%, 10%, 21%, 0%
	#f5d3ad	rgb(245, 211, 173)	hsl(32 78% 82%)	hwb(32 68% 3.9%)	lch(86.8 24.9 70.6)	lab(86.8 8.26 23.5)	cmyk 0%, 14%, 29%, 4%
	#e0fcc7	rgb(224, 252, 199)	hsl(92 90% 88%)	hwb(92 78% 1.2%)	lch(95.9 27.6 126)	lab(95.9 -16.2 22.3)	cmyk 11%, 0%, 21%, 1%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#afadf5

AA - 2.07



#ffe6c9

AA - 1.2



#f5d3ad

AA - 1.41



#e0fcc7

AA - 1.11



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(77.6% 0.026 -0.099), oklab(93.8% 0.015 0.045), oklab(88.6% 0.022 0.059), oklab(95.7% -0.049 0.057))

Fallback colors



background: linear-gradient(45deg, #afadf5, #ffe6c9, #f5d3ad, #e0fcc7)

Colors



<!-- Primary Colors -->
<color name="fresh_color_10">#afadf5</color>
<color name="fresh_color_20">#ffe6c9</color>
<color name="fresh_color_30">#f5d3ad</color>
<color name="fresh_color_40">#e0fcc7</color>

PWA prompt