HEX #5685D6 color — Havelock Blue
The color #5685D6 is a light shade and moderately saturated.
Palette
5685D6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(218,61%,99%) |
#e6edf9 |
rgb(230,237,249) |
hsl(218,61%,94%) |
#d2def4 |
rgb(210,222,244) |
hsl(218,61%,89%) |
#bdd0ef |
rgb(189,208,239) |
hsl(218,61%,84%) |
#a9c1ea |
rgb(169,193,234) |
hsl(218,61%,79%) |
#94b2e5 |
rgb(148,178,229) |
hsl(218,61%,74%) |
#80a3e0 |
rgb(128,163,224) |
hsl(218,61%,69%) |
#6b94db |
rgb(107,148,219) |
hsl(218,61%,64%) |
#5785d6 |
rgb(87,133,214) |
hsl(218,61%,59%) |
#4277d1 |
rgb(66,119,209) |
hsl(218,61%,54%) |
#3169c9 |
rgb(49,105,201) |
hsl(218,61%,49%) |
#2c5eb5 |
rgb(44,94,181) |
hsl(218,61%,44%) |
#2753a0 |
rgb(39,83,160) |
hsl(218,61%,39%) |
#22498c |
rgb(34,73,140) |
hsl(218,61%,34%) |
#1d3e77 |
rgb(29,62,119) |
hsl(218,61%,29%) |
#183363 |
rgb(24,51,99) |
hsl(218,61%,24%) |
#13294e |
rgb(19,41,78) |
hsl(218,61%,19%) |
#0e1e39 |
rgb(14,30,57) |
hsl(218,61%,14%) |
#091325 |
rgb(9,19,37) |
hsl(218,61%,9%) |
#040910 |
rgb(4,9,16) |
hsl(218,61%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56D6D1 |
rgb(86,214,209) |
hsl(178,61%,59%) |
#5685D6 |
rgb(86,133,214) |
hsl(218,61%,59%) |
#7C57D6 |
rgb(124,87,214) |
hsl(257,61%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A3BDE8 |
rgb(163,189,232) |
hsl(217,60%,77%) |
#7CA1DF |
rgb(124,161,223) |
hsl(218,61%,68%) |
#5685D6 |
rgb(86,133,214) |
hsl(218,61%,59%) |
#3169CA |
rgb(49,105,202) |
hsl(218,61%,49%) |
#2757A4 |
rgb(39,87,164) |
hsl(217,62%,40%) |
#1E427D |
rgb(30,66,125) |
hsl(217,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5685D6 |
rgb(86,133,214) |
hsl(218,61%,59%) |
#D66656 |
rgb(214,102,86) |
hsl(8,61%,59%) |
#C5D656 |
rgb(197,214,86) |
hsl(68,61%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5685D6 |
rgb(86,133,214) |
hsl(218,61%,59%) |
#D6A656 |
rgb(214,166,86) |
hsl(38,61%,59%) |
#56C4D6 |
rgb(86,196,214) |
hsl(188,61%,59%) |
#C5D656 |
rgb(197,214,86) |
hsl(68,61%,59%) |