HEX #5685D9 color — Havelock Blue
The color #5685D9 is a light shade and moderately saturated.
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%) |