Cherry Blossom

#F7D9E3

#F2B8C9

#E699AC

#D97A8F

#CC5B72

Actions

Explore the palette in different formats, and actions.

Colors overview

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f7d9e3	rgb(247, 217, 227)	hsl(340 65% 91%)	hwb(340 85% 3.1%)	lch(89.4 12 356)	lab(89.4 11.9 -0.9)	cmyk 0%, 12%, 8%, 3%
	#f2b8c9	rgb(242, 184, 201)	hsl(340 69% 84%)	hwb(340 72% 5.1%)	lch(80.5 23.4 360)	lab(80.5 23.4 -0.029)	cmyk 0%, 24%, 17%, 5%
	#e699ac	rgb(230, 153, 172)	hsl(350 61% 75%)	hwb(350 60% 9.8%)	lch(71.5 31.6 4.66)	lab(71.5 31.5 2.57)	cmyk 0%, 33%, 25%, 10%
	#d97a8f	rgb(217, 122, 143)	hsl(350 56% 66%)	hwb(350 48% 15%)	lch(62.6 39.9 8.36)	lab(62.6 39.5 5.8)	cmyk 0%, 44%, 34%, 15%
	#cc5b72	rgb(204, 91, 114)	hsl(350 53% 58%)	hwb(350 36% 20%)	lch(54 48.4 12.3)	lab(54 47.3 10.3)	cmyk 0%, 55%, 44%, 20%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#F7D9E3

AA - 1.31



#F2B8C9

AA - 1.68



#E699AC

AA - 2.2



#D97A8F

AA - 2.94



#CC5B72

AA - 3.95



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(91.3% 0.036 -0.003), oklab(84% 0.07 -0.001), oklab(76.4% 0.095 0.006), oklab(68.9% 0.119 0.014), oklab(61.8% 0.143 0.024))

Fallback colors



background: linear-gradient(45deg, #F7D9E3, #F2B8C9, #E699AC, #D97A8F, #CC5B72)

Colors



<!-- Primary Colors -->
<color name="cherry_blossom_color_10">#F7D9E3</color>
<color name="cherry_blossom_color_20">#F2B8C9</color>
<color name="cherry_blossom_color_30">#E699AC</color>
<color name="cherry_blossom_color_40">#D97A8F</color>
<color name="cherry_blossom_color_50">#CC5B72</color>

PWA prompt