Warm

Palette information

Red

Yellow

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#e91e63	rgb(233, 30, 99)	hsl(340, 82%, 52%)	hwb(340 12% 9%)	hsv 340°, 87%, 91%	cmyk 0%, 87%, 58%, 9%	Pantone 191C
#ff5722	rgb(255, 87, 34)	hsl(14, 100%, 57%)	hwb(14 13% 0%)	hsv 14°, 87%, 100%	cmyk 0%, 66%, 87%, 0%	Pantone 172C
#ff9800	rgb(255, 152, 0)	hsl(36, 100%, 50%)	hwb(36 0% 0%)	hsv 36°, 100%, 100%	cmyk 0%, 40%, 100%, 0%	Pantone 1375C
#ffc107	rgb(255, 193, 7)	hsl(45, 100%, 51%)	hwb(45 3% 0%)	hsv 45°, 97%, 100%	cmyk 0%, 24%, 97%, 0%	Pantone 123C
#ffeb3b	rgb(255, 235, 59)	hsl(54, 100%, 62%)	hwb(54 23% 0%)	hsv 54°, 77%, 100%	cmyk 0%, 8%, 77%, 0%	Pantone 107C

Click a color format to copy to your clipboard.

White background Black background

#e91e63

4.3

#ff5722

3.2

#ff9800

2.2

#ff5722

1.6

#ff5722

1.2

Color blindness filter

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

Android color codes


                <color name="Warm_1">#e91e63</color>


                <color name="Warm_2">#ff5722</color>


                <color name="Warm_3">#ff9800</color>


                <color name="Warm_4">#ffc107</color>


                <color name="Warm_5">#ffeb3b</color>

Flutter color codes


                const Warm1 = Color(0xFFe91e63);


                const Warm2 = Color(0xFFff5722);


                const Warm3 = Color(0xFFff9800);


                const Warm4 = Color(0xFFffc107);


                const Warm5 = Color(0xFFffeb3b);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator