#222F3D

#1984e1

#ff8800

#b4e0fe

#ffffff

Self

Colors overview

Blue
Orange
Black
White
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
#1984e1 rgb(25, 132, 225) hsl(208, 80%, 49%) hwb(208 10% 12%) hsv 208°, 89%, 88% cmyk 89%, 41%, 0%, 12% Pantone 2727C
#ff8800 rgb(255, 136, 0) hsl(32, 100%, 50%) hwb(32 0% 0%) hsv 32°, 100%, 100% cmyk 0%, 47%, 100%, 0% Pantone 151C
#b4e0fe rgb(180, 224, 254) hsl(204, 97%, 85%) hwb(204 71% 0%) hsv 204°, 29%, 100% cmyk 29%, 12%, 0%, 0% Pantone 290C
#ffffff rgb(255, 255, 255) hsl(0, 0%, 100%) hwb(0 100% 0%) hsv 0°, 0%, 100% cmyk 0%, 0%, 0%, 0% 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

Self

Android color codes

<color name="Self_1">#222F3D</color>
<color name="Self_2">#1984e1</color>
<color name="Self_3">#ff8800</color>
<color name="Self_4">#b4e0fe</color>
<color name="Self_5">#ffffff</color>

Flutter color codes

const Self1 = Color(0xFF222F3D);
const Self2 = Color(0xFF1984e1);
const Self3 = Color(0xFFff8800);
const Self4 = Color(0xFFb4e0fe);
const Self5 = Color(0xFFffffff);

Self details

Type

Palette

Combination scheme

Colors

Blue
Orange
Black
White

Tags

Created

Sun Dec 12 2021