Pastel

#abe6ce

#dcedc2

#ffd3be

#ffaaa6

#ff8c94

#abe6ce

#dcedc2

#ffd3be

#ffaaa6

#ff8c94

Colors overview

Green

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#abe6ce	rgb(171, 230, 206)	hsl(160 54% 79%)	hwb(160 67% 9.8%)	lch(86.8 23.8 167)	lab(86.8 -23.2 5.35)	cmyk 26%, 0%, 10%, 10%
	#dcedc2	rgb(220, 237, 194)	hsl(84 54% 85%)	hwb(84 76% 7.1%)	lch(91.6 22.1 121)	lab(91.6 -11.3 18.9)	cmyk 7%, 0%, 18%, 7%
	#ffd3be	rgb(255, 211, 190)	hsl(19 100% 87%)	hwb(19 75% 0%)	lch(88 21.5 50.4)	lab(88 13.7 16.5)	cmyk 0%, 17%, 25%, 0%
	#ffaaa6	rgb(255, 170, 166)	hsl(2.7 100% 83%)	hwb(2.7 65% 0%)	lch(78.1 35.4 26.1)	lab(78.1 31.8 15.6)	cmyk 0%, 33%, 35%, 0%
	#ff8c94	rgb(255, 140, 148)	hsl(360 100% 77%)	hwb(360 55% 0%)	lch(71.4 47.8 19.9)	lab(71.4 45 16.3)	cmyk 0%, 45%, 42%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#abe6ce

AA - 1.4



#dcedc2

AA - 1.23



#ffd3be

AA - 1.37



#ffaaa6

AA - 1.81



#ff8c94

AA - 2.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(87.8% -0.067 0.015), oklab(92.2% -0.034 0.049), oklab(89.9% 0.039 0.042), oklab(82% 0.093 0.039), oklab(76.7% 0.133 0.039))

Fallback colors New



background: linear-gradient(45deg, #abe6ce, #dcedc2, #ffd3be, #ffaaa6, #ff8c94)

Colors



<resources>
    <color name="pastel_100">#abe6ce</color>
    <color name="pastel_200">#dcedc2</color>
    <color name="pastel_300">#ffd3be</color>
    <color name="pastel_400">#ffaaa6</color>
    <color name="pastel_500">#ff8c94</color>
</resources>

PWA prompt