Sky Fire

Palette information

Yellow

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#f2db30	rgb(242, 219, 48)	hsl(53, 88%, 57%)	hwb(53 19% 5%)	hsv 53°, 80%, 95%	cmyk 0%, 10%, 80%, 5%	Pantone 604C
#f0b341	rgb(240, 179, 65)	hsl(39, 85%, 60%)	hwb(39 25% 6%)	hsv 39°, 73%, 94%	cmyk 0%, 25%, 73%, 6%	Pantone 143C
#f29141	rgb(242, 145, 65)	hsl(27, 87%, 60%)	hwb(27 25% 5%)	hsv 27°, 73%, 95%	cmyk 0%, 40%, 73%, 5%	Pantone 715C
#a36f2c	rgb(163, 111, 44)	hsl(34, 57%, 41%)	hwb(34 17% 36%)	hsv 34°, 73%, 64%	cmyk 0%, 32%, 73%, 36%	Pantone 730C
#454545	rgb(69, 69, 69)	hsl(0, 0%, 27%)	hwb(0 27% 73%)	hsv 0°, 0%, 27%	cmyk 0%, 0%, 0%, 73%	Pantone 446C

Click a color format to copy to your clipboard.

White background Black background

#f2db30

1.4

#f0b341

1.9

#f29141

2.4

#f0b341

4.3

#f0b341

9.6

Color blindness filter

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

Android color codes


                <color name="Sky Fire_1">#f2db30</color>


                <color name="Sky Fire_2">#f0b341</color>


                <color name="Sky Fire_3">#f29141</color>


                <color name="Sky Fire_4">#a36f2c</color>


                <color name="Sky Fire_5">#454545</color>

Flutter color codes


                const Sky Fire1 = Color(0xFFf2db30);


                const Sky Fire2 = Color(0xFFf0b341);


                const Sky Fire3 = Color(0xFFf29141);


                const Sky Fire4 = Color(0xFFa36f2c);


                const Sky Fire5 = Color(0xFF454545);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator