HEX #5687D5 color — Havelock Blue
The color #5687D5 is a light shade and moderately saturated.
Palette
5687D5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(217,60%,99%) |
#e7eef9 |
rgb(231,238,249) |
hsl(217,60%,94%) |
#d2dff4 |
rgb(210,223,244) |
hsl(217,60%,89%) |
#bed0ef |
rgb(190,208,239) |
hsl(217,60%,84%) |
#a9c2ea |
rgb(169,194,234) |
hsl(217,60%,79%) |
#95b3e4 |
rgb(149,179,228) |
hsl(217,60%,74%) |
#81a5df |
rgb(129,165,223) |
hsl(217,60%,69%) |
#6c96da |
rgb(108,150,218) |
hsl(217,60%,64%) |
#5888d5 |
rgb(88,136,213) |
hsl(217,60%,59%) |
#4379d0 |
rgb(67,121,208) |
hsl(217,60%,54%) |
#326bc8 |
rgb(50,107,200) |
hsl(217,60%,49%) |
#2d60b4 |
rgb(45,96,180) |
hsl(217,60%,44%) |
#28569f |
rgb(40,86,159) |
hsl(217,60%,39%) |
#234b8b |
rgb(35,75,139) |
hsl(217,60%,34%) |
#1e4076 |
rgb(30,64,118) |
hsl(217,60%,29%) |
#183562 |
rgb(24,53,98) |
hsl(217,60%,24%) |
#132a4e |
rgb(19,42,78) |
hsl(217,60%,19%) |
#0e1f39 |
rgb(14,31,57) |
hsl(217,60%,14%) |
#091425 |
rgb(9,20,37) |
hsl(217,60%,9%) |
#040910 |
rgb(4,9,16) |
hsl(217,60%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56D6CE |
rgb(86,214,206) |
hsl(176,61%,59%) |
#5687D5 |
rgb(86,135,213) |
hsl(217,60%,59%) |
#7957D5 |
rgb(121,87,213) |
hsl(256,60%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A2BDE8 |
rgb(162,189,232) |
hsl(217,60%,77%) |
#7CA3DE |
rgb(124,163,222) |
hsl(216,60%,68%) |
#5687D5 |
rgb(86,135,213) |
hsl(217,60%,59%) |
#316BC9 |
rgb(49,107,201) |
hsl(217,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 |
#5687D5 |
rgb(86,135,213) |
hsl(217,60%,59%) |
#D56356 |
rgb(213,99,86) |
hsl(6,60%,59%) |
#C6D656 |
rgb(198,214,86) |
hsl(68,61%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5687D5 |
rgb(86,135,213) |
hsl(217,60%,59%) |
#D5A356 |
rgb(213,163,86) |
hsl(36,60%,59%) |
#56C7D5 |
rgb(86,199,213) |
hsl(187,60%,59%) |
#C6D656 |
rgb(198,214,86) |
hsl(68,61%,59%) |