Powderblue

#ade2d1

#e6f7f1

#ffffff

#d1ade2

#e2d1ad

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Yellow

White

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ade2d1	rgb(173, 226, 209)	hsl(160 48% 78%)	hwb(160 68% 11%)	lch(85.8 20.4 173)	lab(85.8 -20.3 2.5)	cmyk 23%, 0%, 8%, 11%
	#e6f7f1	rgb(230, 247, 241)	hsl(160 52% 94%)	hwb(160 90% 3.1%)	lch(95.8 6.66 172)	lab(95.8 -6.6 0.871)	cmyk 7%, 0%, 2%, 3%
	#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%
	#d1ade2	rgb(209, 173, 226)	hsl(280 48% 78%)	hwb(280 68% 11%)	lch(75.3 29.9 313)	lab(75.3 20.6 -21.7)	cmyk 8%, 23%, 0%, 11%
	#e2d1ad	rgb(226, 209, 173)	hsl(41 48% 78%)	hwb(41 68% 11%)	lch(84.6 20.3 84.4)	lab(84.6 1.98 20.2)	cmyk 0%, 8%, 23%, 11%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ade2d1

AA - 1.44



#e6f7f1

AA - 1.1



#ffffff

AA - 1



#d1ade2

AA - 1.94



#e2d1ad

AA - 1.5



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(87.1% -0.059 0.007), oklab(96.2% -0.019 0.002), oklab(100% 0 0), oklab(79.7% 0.059 -0.059), oklab(86.5% 0.004 0.051))

Fallback colors



background: linear-gradient(45deg, #ade2d1, #e6f7f1, #ffffff, #d1ade2, #e2d1ad)

Colors



<!-- Primary Colors -->
<color name="powderblue_color_10">#ade2d1</color>
<color name="powderblue_color_20">#e6f7f1</color>
<color name="powderblue_color_30">#ffffff</color>
<color name="powderblue_color_40">#d1ade2</color>
<color name="powderblue_color_50">#e2d1ad</color>

PWA prompt