Powderblue

Palette information

triad

Green

Yellow

White

Pink

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#ade2d1	rgb(173, 226, 209)	hsl(161, 48%, 78%)	hwb(161 68% 11%)	hsv 161°, 23%, 89%	cmyk 23%, 0%, 8%, 11%	Pantone 572C
#e6f7f1	rgb(230, 247, 241)	hsl(159, 52%, 94%)	hwb(159 90% 3%)	hsv 159°, 7%, 97%	cmyk 7%, 0%, 2%, 3%	Pantone 621C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#d1ade2	rgb(209, 173, 226)	hsl(281, 48%, 78%)	hwb(281 68% 11%)	hsv 281°, 23%, 89%	cmyk 8%, 23%, 0%, 11%	Pantone 2563C
#e2d1ad	rgb(226, 209, 173)	hsl(41, 48%, 78%)	hwb(41 68% 11%)	hsv 41°, 23%, 89%	cmyk 0%, 8%, 23%, 11%	Pantone 468C

Click a color format to copy to your clipboard.

Background

#ade2d1

1.4

#e6f7f1

1.1

#ffffff

1.0

#e6f7f1

1.9

#e6f7f1

1.5

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Android color codes


                <color name="Powderblue_1">#ade2d1</color>


                <color name="Powderblue_2">#e6f7f1</color>


                <color name="Powderblue_3">#ffffff</color>


                <color name="Powderblue_4">#d1ade2</color>


                <color name="Powderblue_5">#e2d1ad</color>

Flutter color codes


                const Powderblue1 = Color(0xFFade2d1);


                const Powderblue2 = Color(0xFFe6f7f1);


                const Powderblue3 = Color(0xFFffffff);


                const Powderblue4 = Color(0xFFd1ade2);


                const Powderblue5 = Color(0xFFe2d1ad);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator