Minimalist

#cfb8c7

#ede5eb

#ffffff

#e7eee9

#b8cfbf

#cfb8c7

#ede5eb

#ffffff

#e7eee9

#b8cfbf

Colors overview

Pink

White

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#cfb8c7	rgb(207, 184, 199)	hsl(320 19% 77%)	hwb(320 72% 19%)	lch(77.1 11.3 337)	lab(77.1 10.4 -4.44)	cmyk 0%, 11%, 4%, 19%
	#ede5eb	rgb(237, 229, 235)	hsl(320 18% 91%)	hwb(320 90% 7.1%)	lch(91.7 4.06 332)	lab(91.7 3.59 -1.91)	cmyk 0%, 3%, 1%, 7%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#e7eee9	rgb(231, 238, 233)	hsl(140 17% 92%)	hwb(140 91% 6.7%)	lch(93.5 3.46 153)	lab(93.5 -3.08 1.57)	cmyk 3%, 0%, 2%, 7%
	#b8cfbf	rgb(184, 207, 191)	hsl(140 19% 77%)	hwb(140 72% 19%)	lch(81 11.6 153)	lab(81 -10.3 5.22)	cmyk 11%, 0%, 8%, 19%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#cfb8c7

AA - 1.85



#ede5eb

AA - 1.23



#ffffff

AA - 1



#e7eee9

AA - 1.17



#b8cfbf

AA - 1.65



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 space

HDR oklab colors New



background: linear-gradient(45deg, oklab(80.7% 0.031 -0.012), oklab(93% 0.011 -0.005), oklab(100% 0 0), oklab(94.2% -0.009 0.004), oklab(83.3% -0.03 0.014))

Fallback colors New



background: linear-gradient(45deg, #cfb8c7, #ede5eb, #ffffff, #e7eee9, #b8cfbf)

Colors



<resources>
    <color name="minimalist_100">#cfb8c7</color>
    <color name="minimalist_200">#ede5eb</color>
    <color name="minimalist_300">#ffffff</color>
    <color name="minimalist_400">#e7eee9</color>
    <color name="minimalist_500">#b8cfbf</color>
</resources>

PWA prompt