#E6F1F5

#D4E2E5

#A6B9C1

#7997B0

#003366

Cobalt

Colors overview

White
Blue
Grey
Color HEX RGB HSL HWB HSV CMYK Pantone (Or similar) Color schemes
#e6f1f5 rgb(230, 241, 245) hsl(196, 43%, 93%) hwb(196 90% 4%) hsv 196°, 6%, 96% cmyk 6%, 2%, 0%, 4% Pantone 656C
#d4e2e5 rgb(212, 226, 229) hsl(191, 25%, 86%) hwb(191 83% 10%) hsv 191°, 7%, 90% cmyk 7%, 1%, 0%, 10% Pantone 649C
#a6b9c1 rgb(166, 185, 193) hsl(198, 18%, 70%) hwb(198 65% 24%) hsv 198°, 14%, 76% cmyk 14%, 4%, 0%, 24% Pantone 5435C
#7997b0 rgb(121, 151, 176) hsl(207, 26%, 58%) hwb(207 47% 31%) hsv 207°, 31%, 69% cmyk 31%, 14%, 0%, 31% Pantone 5425C
#003366 rgb(0, 51, 102) hsl(210, 100%, 20%) hwb(210 0% 60%) hsv 210°, 100%, 40% cmyk 100%, 50%, 0%, 60% Pantone 648C

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

Cobalt

Android color codes

<color name="Cobalt_1">#E6F1F5</color>
<color name="Cobalt_2">#D4E2E5</color>
<color name="Cobalt_3">#A6B9C1</color>
<color name="Cobalt_4">#7997B0</color>
<color name="Cobalt_5">#003366</color>

Flutter color codes

const Cobalt1 = Color(0xFFE6F1F5);
const Cobalt2 = Color(0xFFD4E2E5);
const Cobalt3 = Color(0xFFA6B9C1);
const Cobalt4 = Color(0xFF7997B0);
const Cobalt5 = Color(0xFF003366);

Cobalt details

Type

Palette

Combination scheme

normal

Colors

White
Blue
Grey

Tags

nature
minerals

Created

Wed Feb 28 2024