Clean

Palette information

Blue

Cyan

Black

Grey

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#222f3d	rgb(34, 47, 61)	hsl(211, 28%, 19%)	hwb(211 13% 76%)	hsv 211°, 44%, 24%	cmyk 44%, 23%, 0%, 76%	Pantone 433C
#0099ff	rgb(0, 153, 255)	hsl(204, 100%, 50%)	hwb(204 0% 0%)	hsv 204°, 100%, 100%	cmyk 100%, 40%, 0%, 0%	Pantone 2727C
#9ed8ff	rgb(158, 216, 255)	hsl(204, 100%, 81%)	hwb(204 62% 0%)	hsv 204°, 38%, 100%	cmyk 38%, 15%, 0%, 0%	Pantone 291C
#dde6e8	rgb(221, 230, 232)	hsl(191, 19%, 89%)	hwb(191 87% 9%)	hsv 191°, 5%, 91%	cmyk 5%, 1%, 0%, 9%	Pantone 649C
#f7f7f7	rgb(247, 247, 247)	hsl(0, 0%, 97%)	hwb(0 97% 3%)	hsv 0°, 0%, 97%	cmyk 0%, 0%, 0%, 3%	Pantone 663C

Click a color format to copy to your clipboard.

White background Black background

#222F3D

13.6

#0099ff

3.0

#9ed8ff

1.5

#0099ff

1.3

#0099ff

1.1

Color blindness filter

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

Android color codes


                <color name="Clean_1">#222F3D</color>


                <color name="Clean_2">#0099ff</color>


                <color name="Clean_3">#9ed8ff</color>


                <color name="Clean_4">#DDE6E8</color>


                <color name="Clean_5">#f7f7f7</color>

Flutter color codes


                const Clean1 = Color(0xFF222F3D);


                const Clean2 = Color(0xFF0099ff);


                const Clean3 = Color(0xFF9ed8ff);


                const Clean4 = Color(0xFFDDE6E8);


                const Clean5 = Color(0xFFf7f7f7);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator