#222F3D

#0099ff

#9ed8ff

#DDE6E8

#f7f7f7

Clean

Colors overview

Blue
Cyan
Black
Grey
Color HEX RGB HSL HWB HSV CMYK Pantone (Or similar) Color schemes
#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.

Contrast checker

Click one color card to view the complete contrast checker tests.

Color blindness

Note: The color blindness filters do not work on some browsers.

Palette examples preview

Clean

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

Click the code to copy, and if it doesn't work, just ctrl + c 😀

Clean details

Type

Palette

Combination scheme

Colors

Blue
Cyan
Black
Grey

Tags

Created

Sun Dec 12 2021