Chomp

Palette information

Black

Red

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#5d688a	rgb(93, 104, 138)	hsl(225, 19%, 45%)	hwb(225 36% 46%)	hsv 225°, 33%, 54%	cmyk 33%, 25%, 0%, 46%	Pantone 5275C
#dd7661	rgb(221, 118, 97)	hsl(10, 65%, 62%)	hwb(10 38% 13%)	hsv 10°, 56%, 87%	cmyk 0%, 47%, 56%, 13%	Pantone 170C
#facb4a	rgb(250, 203, 74)	hsl(44, 95%, 64%)	hwb(44 29% 2%)	hsv 44°, 70%, 98%	cmyk 0%, 19%, 70%, 2%	Pantone 1225C
#e4e2e1	rgb(228, 226, 225)	hsl(20, 5%, 89%)	hwb(20 88% 11%)	hsv 20°, 1%, 89%	cmyk 0%, 1%, 1%, 11%	Pantone 663C
#3b3f59	rgb(59, 63, 89)	hsl(232, 20%, 29%)	hwb(232 23% 65%)	hsv 232°, 34%, 35%	cmyk 34%, 29%, 0%, 65%	Pantone 5265C

Click a color format to copy to your clipboard.

White background Black background

#5D688A

5.5

#DD7661

3.1

#FACB4A

1.5

#DD7661

1.3

#DD7661

10.3

Color blindness filter

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

Android color codes


                <color name="Chomp_1">#5D688A</color>


                <color name="Chomp_2">#DD7661</color>


                <color name="Chomp_3">#FACB4A</color>


                <color name="Chomp_4">#E4E2E1</color>


                <color name="Chomp_5">#3B3F59</color>

Flutter color codes


                const Chomp1 = Color(0xFF5D688A);


                const Chomp2 = Color(0xFFDD7661);


                const Chomp3 = Color(0xFFFACB4A);


                const Chomp4 = Color(0xFFE4E2E1);


                const Chomp5 = Color(0xFF3B3F59);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator