Dragon

Palette information

Red

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#e85764	rgb(232, 87, 100)	hsl(355, 76%, 63%)	hwb(355 34% 9%)	hsv 355°, 63%, 91%	cmyk 0%, 63%, 57%, 9%	Pantone 198C
#f4bdb8	rgb(244, 189, 184)	hsl(5, 73%, 84%)	hwb(5 72% 4%)	hsv 5°, 25%, 96%	cmyk 0%, 23%, 25%, 4%	Pantone 488C
#7c6c52	rgb(124, 108, 82)	hsl(37, 20%, 40%)	hwb(37 32% 51%)	hsv 37°, 34%, 49%	cmyk 0%, 13%, 34%, 51%	Pantone 404C
#f8f9fb	rgb(248, 249, 251)	hsl(220, 27%, 98%)	hwb(220 97% 2%)	hsv 220°, 1%, 98%	cmyk 1%, 1%, 0%, 2%	Pantone 663C
#f43f24	rgb(244, 63, 36)	hsl(8, 90%, 55%)	hwb(8 14% 4%)	hsv 8°, 85%, 96%	cmyk 0%, 74%, 85%, 4%	Pantone 172C

Click a color format to copy to your clipboard.

White background Black background

#E85764

3.5

#F4BDB8

1.6

#7C6C52

5.1

#F4BDB8

1.1

#F4BDB8

3.8

Color blindness filter

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

Android color codes


                <color name="Dragon_1">#E85764</color>


                <color name="Dragon_2">#F4BDB8</color>


                <color name="Dragon_3">#7C6C52</color>


                <color name="Dragon_4">#F8F9FB</color>


                <color name="Dragon_5">#F43F24</color>

Flutter color codes


                const Dragon1 = Color(0xFFE85764);


                const Dragon2 = Color(0xFFF4BDB8);


                const Dragon3 = Color(0xFF7C6C52);


                const Dragon4 = Color(0xFFF8F9FB);


                const Dragon5 = Color(0xFFF43F24);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator