Fruits Color Palette

#f1849d

#f8c9d4

#fef6f8

#9df184

#849df1

#f1849d

#f8c9d4

#fef6f8

#9df184

#849df1

Colors overview

Red

Green

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f1849d	rgb(241, 132, 157)	hsl(350 80% 73%)	hwb(350 52% 5.5%)	lch(68.1 44.9 8.09)	lab(68.1 44.5 6.33)	cmyk 0%, 45%, 35%, 5%
	#f8c9d4	rgb(248, 201, 212)	hsl(350 77% 88%)	hwb(350 79% 2.7%)	lch(85.4 18.4 3.58)	lab(85.4 18.4 1.15)	cmyk 0%, 19%, 15%, 3%
	#fef6f8	rgb(254, 246, 248)	hsl(350 80% 98%)	hwb(350 96% 0.39%)	lch(97.6 3.02 0.698)	lab(97.6 3.02 0.037)	cmyk 0%, 3%, 2%, 0%
	#9df184	rgb(157, 241, 132)	hsl(110 80% 73%)	hwb(110 52% 5.5%)	lch(87.9 60.4 133)	lab(87.9 -41.4 44)	cmyk 35%, 0%, 45%, 5%
	#849df1	rgb(132, 157, 241)	hsl(230 80% 73%)	hwb(230 52% 5.5%)	lch(65.5 46.2 280)	lab(65.5 7.66 -45.6)	cmyk 45%, 35%, 0%, 5%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#f1849d

AA - 2.46



#f8c9d4

AA - 1.46



#fef6f8

AA - 1.06



#9df184

AA - 1.36



#849df1

AA - 2.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(73.9% 0.134 0.015), oklab(88% 0.055 0.003), oklab(98% 0.009 0), oklab(88% -0.124 0.108), oklab(71.2% 0.001 -0.126))

Fallback colors



background: linear-gradient(45deg, #f1849d, #f8c9d4, #fef6f8, #9df184, #849df1)

Colors



<!-- Primary Colors -->
<color name="fruits_color_10">#f1849d</color>
<color name="fruits_color_20">#f8c9d4</color>
<color name="fruits_color_30">#fef6f8</color>
<color name="fruits_color_40">#9df184</color>
<color name="fruits_color_50">#849df1</color>

PWA prompt