Burn

Palette information

Red

Grey

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#ff4f62	rgb(255, 79, 98)	hsl(354, 100%, 65%)	hwb(354 31% 0%)	hsv 354°, 69%, 100%	cmyk 0%, 69%, 62%, 0%	Pantone 1785C
#ffcb3b	rgb(255, 203, 59)	hsl(44, 100%, 62%)	hwb(44 23% 0%)	hsv 44°, 77%, 100%	cmyk 0%, 20%, 77%, 0%	Pantone 122C
#511d46	rgb(81, 29, 70)	hsl(313, 47%, 22%)	hwb(313 11% 68%)	hsv 313°, 64%, 32%	cmyk 0%, 64%, 14%, 68%	Pantone 262C
#343b3d	rgb(52, 59, 61)	hsl(193, 8%, 22%)	hwb(193 20% 76%)	hsv 193°, 15%, 24%	cmyk 15%, 3%, 0%, 76%	Pantone 447C
#1e2425	rgb(30, 36, 37)	hsl(189, 10%, 13%)	hwb(189 12% 85%)	hsv 189°, 19%, 15%	cmyk 19%, 3%, 0%, 85%	Pantone 419C

Click a color format to copy to your clipboard.

White background Black background

#ff4f62

3.2

#ffcb3b

1.5

#511d46

13.0

#ffcb3b

11.4

#ffcb3b

15.7

Color blindness filter

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

Android color codes


                <color name="Burn_1">#ff4f62</color>


                <color name="Burn_2">#ffcb3b</color>


                <color name="Burn_3">#511d46</color>


                <color name="Burn_4">#343b3d</color>


                <color name="Burn_5">#1e2425</color>

Flutter color codes


                const Burn1 = Color(0xFFff4f62);


                const Burn2 = Color(0xFFffcb3b);


                const Burn3 = Color(0xFF511d46);


                const Burn4 = Color(0xFF343b3d);


                const Burn5 = Color(0xFF1e2425);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator