Orange/Blue

Palette information

Orange

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#f57c00	rgb(245, 124, 0)	hsl(30, 100%, 48%)	hwb(30 0% 4%)	hsv 30°, 100%, 96%	cmyk 0%, 49%, 100%, 4%	Pantone 151C
#ff9800	rgb(255, 152, 0)	hsl(36, 100%, 50%)	hwb(36 0% 0%)	hsv 36°, 100%, 100%	cmyk 0%, 40%, 100%, 0%	Pantone 1375C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#03a9f4	rgb(3, 169, 244)	hsl(199, 98%, 48%)	hwb(199 1% 4%)	hsv 199°, 99%, 96%	cmyk 99%, 31%, 0%, 4%	Pantone 2925C
#212121	rgb(33, 33, 33)	hsl(0, 0%, 13%)	hwb(0 13% 87%)	hsv 0°, 0%, 13%	cmyk 0%, 0%, 0%, 87%	Pantone 419C

Click a color format to copy to your clipboard.

White background Black background

#f57c00

2.7

#ff9800

2.2

#ffffff

1.0

#ff9800

2.6

#ff9800

16.1

Color blindness filter

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

Android color codes


                <color name="Orange/Blue_1">#f57c00</color>


                <color name="Orange/Blue_2">#ff9800</color>


                <color name="Orange/Blue_3">#ffffff</color>


                <color name="Orange/Blue_4">#03a9f4</color>


                <color name="Orange/Blue_5">#212121</color>

Flutter color codes


                const Orange/Blue1 = Color(0xFFf57c00);


                const Orange/Blue2 = Color(0xFFff9800);


                const Orange/Blue3 = Color(0xFFffffff);


                const Orange/Blue4 = Color(0xFF03a9f4);


                const Orange/Blue5 = Color(0xFF212121);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator