HEX #5685D9 color — Havelock Blue

The color #5685D9 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5685D9 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(218,63%,99%)
#e6edf9 rgb(230,237,249) hsl(218,63%,94%)
#d1def5 rgb(209,222,245) hsl(218,63%,89%)
#bccff0 rgb(188,207,240) hsl(218,63%,84%)
#a8c0eb rgb(168,192,235) hsl(218,63%,79%)
#93b2e6 rgb(147,178,230) hsl(218,63%,74%)
#7ea3e2 rgb(126,163,226) hsl(218,63%,69%)
#6994dd rgb(105,148,221) hsl(218,63%,64%)
#5585d8 rgb(85,133,216) hsl(218,63%,59%)
#4076d4 rgb(64,118,212) hsl(218,63%,54%)
#2e68cc rgb(46,104,204) hsl(218,63%,49%)
#2a5db7 rgb(42,93,183) hsl(218,63%,44%)
#2553a2 rgb(37,83,162) hsl(218,63%,39%)
#20488d rgb(32,72,141) hsl(218,63%,34%)
#1b3e79 rgb(27,62,121) hsl(218,63%,29%)
#173364 rgb(23,51,100) hsl(218,63%,24%)
#12284f rgb(18,40,79) hsl(218,63%,19%)
#0d1e3a rgb(13,30,58) hsl(218,63%,14%)
#081325 rgb(8,19,37) hsl(218,63%,9%)
#040811 rgb(4,8,17) hsl(218,63%,4%)

Adjacent colors

HEX RGB HSL
#56D9D5 rgb(86,217,213) hsl(178,63%,59%)
#5685D9 rgb(86,133,217) hsl(218,63%,59%)
#7E57D9 rgb(126,87,217) hsl(258,63%,60%)

Monochromatic colors

HEX RGB HSL
#A5BFEA rgb(165,191,234) hsl(217,62%,78%)
#7DA1E1 rgb(125,161,225) hsl(218,63%,69%)
#5685D9 rgb(86,133,217) hsl(218,63%,59%)
#2E69CF rgb(46,105,207) hsl(218,64%,50%)
#2554A8 rgb(37,84,168) hsl(218,64%,40%)
#1C4080 rgb(28,64,128) hsl(218,64%,31%)

Triad color palettes

HEX RGB HSL
#5685D9 rgb(86,133,217) hsl(218,63%,59%)
#D96956 rgb(217,105,86) hsl(9,63%,59%)
#C6D956 rgb(198,217,86) hsl(69,63%,59%)

Tetrad color palettes

HEX RGB HSL
#5685D9 rgb(86,133,217) hsl(218,63%,59%)
#D9AB56 rgb(217,171,86) hsl(39,63%,59%)
#56C7D9 rgb(86,199,217) hsl(188,63%,59%)
#C6D956 rgb(198,217,86) hsl(69,63%,59%)