Cornflower

Palette information

Blue

Yellow

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#686cf2	rgb(104, 108, 242)	hsl(238, 84%, 68%)	hwb(238 41% 5%)	hsv 238°, 57%, 95%	cmyk 57%, 55%, 0%, 5%	Pantone 2725C
#9496ff	rgb(148, 150, 255)	hsl(239, 100%, 79%)	hwb(239 58% 0%)	hsv 239°, 42%, 100%	cmyk 42%, 41%, 0%, 0%	Pantone 2715C
#dbdbf4	rgb(219, 219, 244)	hsl(240, 53%, 91%)	hwb(240 86% 4%)	hsv 240°, 10%, 96%	cmyk 10%, 10%, 0%, 4%	Pantone 2706C
#f0f1ff	rgb(240, 241, 255)	hsl(236, 100%, 97%)	hwb(236 94% 0%)	hsv 236°, 6%, 100%	cmyk 6%, 5%, 0%, 0%	Pantone 656C
#f2b408	rgb(242, 180, 8)	hsl(44, 94%, 49%)	hwb(44 3% 5%)	hsv 44°, 97%, 95%	cmyk 0%, 26%, 97%, 5%	Pantone 124C

Click a color format to copy to your clipboard.

White background Black background

#686cf2

4.2

#9496ff

2.6

#dbdbf4

1.4

#9496ff

1.1

#9496ff

1.9

Color blindness filter

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

Android color codes


                <color name="Cornflower_1">#686cf2</color>


                <color name="Cornflower_2">#9496ff</color>


                <color name="Cornflower_3">#dbdbf4</color>


                <color name="Cornflower_4">#f0f1ff</color>


                <color name="Cornflower_5">#f2b408</color>

Flutter color codes


                const Cornflower1 = Color(0xFF686cf2);


                const Cornflower2 = Color(0xFF9496ff);


                const Cornflower3 = Color(0xFFdbdbf4);


                const Cornflower4 = Color(0xFFf0f1ff);


                const Cornflower5 = Color(0xFFf2b408);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator