Colorffy

Palette information

Blue

White

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#255dce	rgb(37, 93, 206)	hsl(220, 70%, 48%)	hwb(220 15% 19%)	hsv 220°, 82%, 81%	cmyk 82%, 55%, 0%, 19%	Pantone 2726C
#1c9fe7	rgb(28, 159, 231)	hsl(201, 81%, 51%)	hwb(201 11% 9%)	hsv 201°, 88%, 91%	cmyk 88%, 31%, 0%, 9%	Pantone 2925C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#fafbfe	rgb(250, 251, 254)	hsl(225, 67%, 99%)	hwb(225 98% 0%)	hsv 225°, 2%, 100%	cmyk 2%, 1%, 0%, 0%	Pantone 656C
#6c757d	rgb(108, 117, 125)	hsl(208, 7%, 46%)	hwb(208 42% 51%)	hsv 208°, 14%, 49%	cmyk 14%, 6%, 0%, 51%	Pantone 444C

Click a color format to copy to your clipboard.

White background Black background

#255dce

5.9

#1c9fe7

2.9

#ffffff

1.0

#1c9fe7

1.0

#1c9fe7

4.7

Color blindness filter

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

Android color codes


                <color name="Colorffy_1">#255dce</color>


                <color name="Colorffy_2">#1c9fe7</color>


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


                <color name="Colorffy_4">#fafbfe</color>


                <color name="Colorffy_5">#6c757d</color>

Flutter color codes


                const Colorffy1 = Color(0xFF255dce);


                const Colorffy2 = Color(0xFF1c9fe7);


                const Colorffy3 = Color(0xFFffffff);


                const Colorffy4 = Color(0xFFfafbfe);


                const Colorffy5 = Color(0xFF6c757d);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator