HEX #5687D3 color — Havelock Blue
The color #5687D3 is a light shade and moderately saturated.
Palette
5687D3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(216,59%,98%) |
#e3ebf8 |
rgb(227,235,248) |
hsl(216,59%,93%) |
#ceddf2 |
rgb(206,221,242) |
hsl(216,59%,88%) |
#bacfed |
rgb(186,207,237) |
hsl(216,59%,83%) |
#a6c0e8 |
rgb(166,192,232) |
hsl(216,59%,78%) |
#92b2e3 |
rgb(146,178,227) |
hsl(216,59%,73%) |
#7da4de |
rgb(125,164,222) |
hsl(216,59%,68%) |
#6996d8 |
rgb(105,150,216) |
hsl(216,59%,63%) |
#5587d3 |
rgb(85,135,211) |
hsl(216,59%,58%) |
#4079ce |
rgb(64,121,206) |
hsl(216,59%,53%) |
#326cc3 |
rgb(50,108,195) |
hsl(216,59%,48%) |
#2d61ae |
rgb(45,97,174) |
hsl(216,59%,43%) |
#28559a |
rgb(40,85,154) |
hsl(216,59%,38%) |
#234a86 |
rgb(35,74,134) |
hsl(216,59%,33%) |
#1d3f72 |
rgb(29,63,114) |
hsl(216,59%,28%) |
#18345d |
rgb(24,52,93) |
hsl(216,59%,23%) |
#132849 |
rgb(19,40,73) |
hsl(216,59%,18%) |
#0e1d35 |
rgb(14,29,53) |
hsl(216,59%,13%) |
#081220 |
rgb(8,18,32) |
hsl(216,59%,8%) |
#03070c |
rgb(3,7,12) |
hsl(216,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56D4CB |
rgb(86,212,203) |
hsl(176,59%,58%) |
#5687D3 |
rgb(86,135,211) |
hsl(216,59%,58%) |
#7857D3 |
rgb(120,87,211) |
hsl(256,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A1BDE6 |
rgb(161,189,230) |
hsl(216,58%,77%) |
#7BA1DC |
rgb(123,161,220) |
hsl(216,58%,67%) |
#5687D3 |
rgb(86,135,211) |
hsl(216,59%,58%) |
#336EC5 |
rgb(51,110,197) |
hsl(216,59%,49%) |
#2959A0 |
rgb(41,89,160) |
hsl(216,59%,39%) |
#1F427A |
rgb(31,66,122) |
hsl(217,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5687D3 |
rgb(86,135,211) |
hsl(216,59%,58%) |
#D36356 |
rgb(211,99,86) |
hsl(6,59%,58%) |
#C5D456 |
rgb(197,212,86) |
hsl(67,59%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5687D3 |
rgb(86,135,211) |
hsl(216,59%,58%) |
#D3A356 |
rgb(211,163,86) |
hsl(37,59%,58%) |
#56C4D3 |
rgb(86,196,211) |
hsl(187,59%,58%) |
#C5D456 |
rgb(197,212,86) |
hsl(67,59%,58%) |