Canvas

Palette information

Sat Mar 18 2023

normal

Grey

Yellow

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#2e2e2e	rgb(46, 46, 46)	hsl(0, 0%, 18%)	hwb(0 18% 82%)	hsv 0°, 0%, 18%	cmyk 0%, 0%, 0%, 82%	Pantone 426C
#737373	rgb(115, 115, 115)	hsl(0, 0%, 45%)	hwb(0 45% 55%)	hsv 0°, 0%, 45%	cmyk 0%, 0%, 0%, 55%	Pantone 424C
#eddcbb	rgb(237, 220, 187)	hsl(40, 58%, 83%)	hwb(40 73% 7%)	hsv 40°, 21%, 93%	cmyk 0%, 7%, 21%, 7%	Pantone 468C
#e6a627	rgb(230, 166, 39)	hsl(40, 79%, 53%)	hwb(40 15% 10%)	hsv 40°, 83%, 90%	cmyk 0%, 28%, 83%, 10%	Pantone 143C
#ad3e1c	rgb(173, 62, 28)	hsl(14, 72%, 39%)	hwb(14 11% 32%)	hsv 14°, 84%, 68%	cmyk 0%, 64%, 84%, 32%	Pantone 1675C

Click a color format to copy to your clipboard.

Background

#2e2e2e

13.6

#737373

4.7

#eddcbb

1.3

#e6a627

2.1

#ad3e1c

6.0

Color blindness filter

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

Android color codes


                <color name="Canvas_1">#2e2e2e</color>


                <color name="Canvas_2">#737373</color>


                <color name="Canvas_3">#eddcbb</color>


                <color name="Canvas_4">#e6a627</color>


                <color name="Canvas_5">#ad3e1c</color>

Flutter color codes


                const Canvas1 = Color(0xFF2e2e2e);


                const Canvas2 = Color(0xFF737373);


                const Canvas3 = Color(0xFFeddcbb);


                const Canvas4 = Color(0xFFe6a627);


                const Canvas5 = Color(0xFFad3e1c);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator