Light Pastel Color Palette

#b8bdf2

#f2b8bd

#d4f2b8

#b8bdf2

#f2b8bd

#d4f2b8

Colors overview

Blue

Orange

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#b8bdf2	rgb(184, 189, 242)	hsl(230 69% 84%)	hwb(230 72% 5.1%)	lch(77.6 27.9 284)	lab(77.6 6.67 -27.1)	cmyk 24%, 22%, 0%, 5%
	#f2b8bd	rgb(242, 184, 189)	hsl(350 69% 84%)	hwb(350 72% 5.1%)	lch(80.3 22.9 15.3)	lab(80.3 22.1 6.04)	cmyk 0%, 24%, 22%, 5%
	#d4f2b8	rgb(212, 242, 184)	hsl(91 69% 84%)	hwb(91 72% 5.1%)	lch(92.2 30.3 126)	lab(92.2 -17.6 24.7)	cmyk 12%, 0%, 24%, 5%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#b8bdf2

AA - 1.81



#f2b8bd

AA - 1.69



#d4f2b8

AA - 1.22



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(81.3% 0.013 -0.074), oklab(83.7% 0.066 0.015), oklab(92.5% -0.053 0.063))

Fallback colors New



background: linear-gradient(45deg, #b8bdf2, #f2b8bd, #d4f2b8)

Colors



<resources>
    <color name="light_pastel_100">#b8bdf2</color>
    <color name="light_pastel_200">#f2b8bd</color>
    <color name="light_pastel_300">#d4f2b8</color>
</resources>

PWA prompt