HEX #5696E2 color — Havelock Blue

The color #5696E2 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5696E2 color palette from light to dark

HEX RGB HSL
#eef4fc rgb(238,244,252) hsl(213,71%,96%)
#d8e6f8 rgb(216,230,248) hsl(213,71%,91%)
#c2d9f5 rgb(194,217,245) hsl(213,71%,86%)
#accbf1 rgb(172,203,241) hsl(213,71%,81%)
#96bded rgb(150,189,237) hsl(213,71%,76%)
#81b0ea rgb(129,176,234) hsl(213,71%,71%)
#6ba2e6 rgb(107,162,230) hsl(213,71%,66%)
#5594e2 rgb(85,148,226) hsl(213,71%,61%)
#3f87de rgb(63,135,222) hsl(213,71%,56%)
#2979db rgb(41,121,219) hsl(213,71%,51%)
#226dc9 rgb(34,109,201) hsl(213,71%,46%)
#1e61b3 rgb(30,97,179) hsl(213,71%,41%)
#1b559d rgb(27,85,157) hsl(213,71%,36%)
#174987 rgb(23,73,135) hsl(213,71%,31%)
#133e71 rgb(19,62,113) hsl(213,71%,26%)
#10325c rgb(16,50,92) hsl(213,71%,21%)
#0c2646 rgb(12,38,70) hsl(213,71%,16%)
#081a30 rgb(8,26,48) hsl(213,71%,11%)
#040e1a rgb(4,14,26) hsl(213,71%,6%)
#010204 rgb(1,2,4) hsl(213,71%,1%)

Adjacent colors

HEX RGB HSL
#56E3D0 rgb(86,227,208) hsl(172,72%,61%)
#5696E2 rgb(86,150,226) hsl(213,71%,61%)
#7357E2 rgb(115,87,226) hsl(252,71%,61%)

Monochromatic colors

HEX RGB HSL
#D5E6F7 rgb(213,230,247) hsl(210,68%,90%)
#ABCCF0 rgb(171,204,240) hsl(211,70%,81%)
#80B0E9 rgb(128,176,233) hsl(213,70%,71%)
#5696E2 rgb(86,150,226) hsl(213,71%,61%)
#2B7ADA rgb(43,122,218) hsl(213,70%,51%)
#1F63B5 rgb(31,99,181) hsl(213,71%,42%)

Triad color palettes

HEX RGB HSL
#5696E2 rgb(86,150,226) hsl(213,71%,61%)
#E25C56 rgb(226,92,86) hsl(3,71%,61%)
#DCE356 rgb(220,227,86) hsl(63,72%,61%)

Tetrad color palettes

HEX RGB HSL
#5696E2 rgb(86,150,226) hsl(213,71%,61%)
#E2A356 rgb(226,163,86) hsl(33,71%,61%)
#56DBE2 rgb(86,219,226) hsl(183,71%,61%)
#DCE356 rgb(220,227,86) hsl(63,72%,61%)