HEX #5587D5 color — Havelock Blue

The color #5587D5 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5587D5 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(217,60%,98%)
#e2ebf8 rgb(226,235,248) hsl(217,60%,93%)
#cedcf3 rgb(206,220,243) hsl(217,60%,88%)
#baceee rgb(186,206,238) hsl(217,60%,83%)
#a5bfe9 rgb(165,191,233) hsl(217,60%,78%)
#91b1e3 rgb(145,177,227) hsl(217,60%,73%)
#7ca2de rgb(124,162,222) hsl(217,60%,68%)
#6893d9 rgb(104,147,217) hsl(217,60%,63%)
#5485d4 rgb(84,133,212) hsl(217,60%,58%)
#3f76cf rgb(63,118,207) hsl(217,60%,53%)
#3169c4 rgb(49,105,196) hsl(217,60%,48%)
#2c5eaf rgb(44,94,175) hsl(217,60%,43%)
#27539b rgb(39,83,155) hsl(217,60%,38%)
#224887 rgb(34,72,135) hsl(217,60%,33%)
#1d3d72 rgb(29,61,114) hsl(217,60%,28%)
#17325e rgb(23,50,94) hsl(217,60%,23%)
#122749 rgb(18,39,73) hsl(217,60%,18%)
#0d1d35 rgb(13,29,53) hsl(217,60%,13%)
#081221 rgb(8,18,33) hsl(217,60%,8%)
#03070c rgb(3,7,12) hsl(217,60%,3%)

Adjacent colors

HEX RGB HSL
#55D6CD rgb(85,214,205) hsl(176,61%,59%)
#5587D5 rgb(85,135,213) hsl(217,60%,58%)
#7854D5 rgb(120,84,213) hsl(257,61%,58%)

Monochromatic colors

HEX RGB HSL
#A1BDE7 rgb(161,189,231) hsl(216,59%,77%)
#7BA3DE rgb(123,163,222) hsl(216,60%,68%)
#5587D5 rgb(85,135,213) hsl(217,60%,58%)
#316EC8 rgb(49,110,200) hsl(216,61%,49%)
#2857A2 rgb(40,87,162) hsl(217,60%,40%)
#1E427C rgb(30,66,124) hsl(217,61%,30%)

Triad color palettes

HEX RGB HSL
#5587D5 rgb(85,135,213) hsl(217,60%,58%)
#D56355 rgb(213,99,85) hsl(7,60%,58%)
#C7D655 rgb(199,214,85) hsl(67,61%,59%)

Tetrad color palettes

HEX RGB HSL
#5587D5 rgb(85,135,213) hsl(217,60%,58%)
#D5A355 rgb(213,163,85) hsl(37,60%,58%)
#55C7D5 rgb(85,199,213) hsl(187,60%,58%)
#C7D655 rgb(199,214,85) hsl(67,61%,59%)