HEX #5685D8 color — Havelock Blue
The color #5685D8 is a light shade and moderately saturated.
Palette
5685D8 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 |
#56D9D4 |
rgb(86,217,212) |
hsl(178,63%,59%) |
#5685D8 |
rgb(86,133,216) |
hsl(218,63%,59%) |
#7D57D8 |
rgb(125,87,216) |
hsl(258,62%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A4BDEA |
rgb(164,189,234) |
hsl(219,63%,78%) |
#7DA1E1 |
rgb(125,161,225) |
hsl(218,63%,69%) |
#5685D8 |
rgb(86,133,216) |
hsl(218,63%,59%) |
#2F69CE |
rgb(47,105,206) |
hsl(218,63%,50%) |
#2654A6 |
rgb(38,84,166) |
hsl(218,63%,40%) |
#1D407F |
rgb(29,64,127) |
hsl(219,63%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#5685D8 |
rgb(86,133,216) |
hsl(218,63%,59%) |
#D86956 |
rgb(216,105,86) |
hsl(9,63%,59%) |
#C6D956 |
rgb(198,217,86) |
hsl(69,63%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5685D8 |
rgb(86,133,216) |
hsl(218,63%,59%) |
#D8A856 |
rgb(216,168,86) |
hsl(38,63%,59%) |
#56C7D8 |
rgb(86,199,216) |
hsl(188,63%,59%) |
#C6D956 |
rgb(198,217,86) |
hsl(69,63%,59%) |