Chocolate

Palette information

Black

Brown

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#000000	rgb(0, 0, 0)	hsl(0, 0%, 0%)	hwb(0 0% 100%)	hsv 0°, 0%, 0%	cmyk 0%, 0%, 0%, 100%	Pantone 419C
#412728	rgb(65, 39, 40)	hsl(358, 25%, 20%)	hwb(358 15% 75%)	hsv 358°, 40%, 25%	cmyk 0%, 40%, 38%, 75%	Pantone 4975C
#7f4d3e	rgb(127, 77, 62)	hsl(14, 34%, 37%)	hwb(14 24% 50%)	hsv 14°, 51%, 50%	cmyk 0%, 39%, 51%, 50%	Pantone 4705C
#b87c4c	rgb(184, 124, 76)	hsl(27, 43%, 51%)	hwb(27 30% 28%)	hsv 27°, 59%, 72%	cmyk 0%, 33%, 59%, 28%	Pantone 729C
#e2b659	rgb(226, 182, 89)	hsl(41, 70%, 62%)	hwb(41 35% 11%)	hsv 41°, 61%, 89%	cmyk 0%, 19%, 61%, 11%	Pantone 141C

Click a color format to copy to your clipboard.

White background Black background

#000000

21.0

#412728

13.6

#7F4D3E

6.9

#412728

3.5

#412728

1.9

Color blindness filter

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

Android color codes


                <color name="Chocolate_1">#000000</color>


                <color name="Chocolate_2">#412728</color>


                <color name="Chocolate_3">#7F4D3E</color>


                <color name="Chocolate_4">#B87C4C</color>


                <color name="Chocolate_5">#E2B659</color>

Flutter color codes


                const Chocolate1 = Color(0xFF000000);


                const Chocolate2 = Color(0xFF412728);


                const Chocolate3 = Color(0xFF7F4D3E);


                const Chocolate4 = Color(0xFFB87C4C);


                const Chocolate5 = Color(0xFFE2B659);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator