Clean

#222F3D

#0099ff

#9ed8ff

#DDE6E8

#f7f7f7

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);

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

Color blindness

Color blindness filter

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

Added in v3.2

Featured tools

Gradient generator

Palette generator