Pastel

#abe6ce

#dcedc2

#ffd3be

#ffaaa6

#ff8c94

Android color codes


                <color name="Pastel_1">#abe6ce</color>


                <color name="Pastel_2">#dcedc2</color>


                <color name="Pastel_3">#ffd3be</color>


                <color name="Pastel_4">#ffaaa6</color>


                <color name="Pastel_5">#ff8c94</color>

Flutter color codes


                const Pastel1 = Color(0xFFabe6ce);


                const Pastel2 = Color(0xFFdcedc2);


                const Pastel3 = Color(0xFFffd3be);


                const Pastel4 = Color(0xFFffaaa6);


                const Pastel5 = Color(0xFFff8c94);

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#abe6ce	rgb (171, 230, 206)	hsl 156°, 54%, 79%	hsv 156°, 26%, 90%	cmyk 26%, 0%, 10%, 10%	Pantone 331C
#dcedc2	rgb (220, 237, 194)	hsl 84°, 54%, 85%	hsv 84°, 18%, 93%	cmyk 7%, 0%, 18%, 7%	Pantone 580C
#ffd3be	rgb (255, 211, 190)	hsl 19°, 100%, 87%	hsv 19°, 25%, 100%	cmyk 0%, 17%, 25%, 0%	Pantone 475C
#ffaaa6	rgb (255, 170, 166)	hsl 3°, 100%, 83%	hsv 3°, 35%, 100%	cmyk 0%, 33%, 35%, 0%	Pantone 169C
#ff8c94	rgb (255, 140, 148)	hsl 356°, 100%, 78%	hsv 356°, 45%, 100%	cmyk 0%, 45%, 42%, 0%	Pantone 177C

Color blindness

Color blindness filter

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

Added in v3.2

Featured tools

Gradient generator

Palette generator