Cereal

Palette information

triad

Red

Green

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#fb8781	rgb(251, 135, 129)	hsl(3, 94%, 75%)	hwb(3 51% 2%)	hsv 3°, 49%, 98%	cmyk 0%, 46%, 49%, 2%	Pantone 170C
#fdcecc	rgb(253, 206, 204)	hsl(2, 92%, 90%)	hwb(2 80% 1%)	hsv 2°, 19%, 99%	cmyk 0%, 19%, 19%, 1%	Pantone 503C
#fffdfd	rgb(255, 253, 253)	hsl(0, 100%, 100%)	hwb(0 99% 0%)	hsv 0°, 1%, 100%	cmyk 0%, 1%, 1%, 0%	Pantone 663C
#81fa87	rgb(129, 250, 135)	hsl(123, 92%, 74%)	hwb(123 51% 2%)	hsv 123°, 48%, 98%	cmyk 48%, 0%, 46%, 2%	Pantone 360C
#8781fa	rgb(135, 129, 250)	hsl(243, 92%, 74%)	hwb(243 51% 2%)	hsv 243°, 48%, 98%	cmyk 46%, 48%, 0%, 2%	Pantone 814C

Click a color format to copy to your clipboard.

White background Black background

#fb8781

2.4

#fdcecc

1.4

#fffdfd

1.0

#fdcecc

1.3

#fdcecc

3.2

Color blindness filter

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

Android color codes


                <color name="Cereal_1">#fb8781</color>


                <color name="Cereal_2">#fdcecc</color>


                <color name="Cereal_3">#fffdfd</color>


                <color name="Cereal_4">#81fa87</color>


                <color name="Cereal_5">#8781fa</color>

Flutter color codes


                const Cereal1 = Color(0xFFfb8781);


                const Cereal2 = Color(0xFFfdcecc);


                const Cereal3 = Color(0xFFfffdfd);


                const Cereal4 = Color(0xFF81fa87);


                const Cereal5 = Color(0xFF8781fa);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator