Sport

Palette information

Blue

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#3261e3	rgb(50, 97, 227)	hsl(224, 76%, 54%)	hwb(224 20% 11%)	hsv 224°, 78%, 89%	cmyk 78%, 57%, 0%, 11%	Pantone 2728C
#4191eb	rgb(65, 145, 235)	hsl(212, 81%, 59%)	hwb(212 25% 8%)	hsv 212°, 72%, 92%	cmyk 72%, 38%, 0%, 8%	Pantone 279C
#d0e6fa	rgb(208, 230, 250)	hsl(209, 81%, 90%)	hwb(209 82% 2%)	hsv 209°, 17%, 98%	cmyk 17%, 8%, 0%, 2%	Pantone 657C
#ffc852	rgb(255, 200, 82)	hsl(41, 100%, 66%)	hwb(41 32% 0%)	hsv 41°, 68%, 100%	cmyk 0%, 22%, 68%, 0%	Pantone 135C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C

Click a color format to copy to your clipboard.

White background Black background

#3261e3

5.3

#4191eb

3.2

#d0e6fa

1.3

#4191eb

1.5

#4191eb

1.0

Color blindness filter

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

Android color codes


                <color name="Sport_1">#3261e3</color>


                <color name="Sport_2">#4191eb</color>


                <color name="Sport_3">#d0e6fa</color>


                <color name="Sport_4">#ffc852</color>


                <color name="Sport_5">#ffffff</color>

Flutter color codes


                const Sport1 = Color(0xFF3261e3);


                const Sport2 = Color(0xFF4191eb);


                const Sport3 = Color(0xFFd0e6fa);


                const Sport4 = Color(0xFFffc852);


                const Sport5 = Color(0xFFffffff);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator