HEX #5677DC color — Havelock Blue
The color #5677dc is a dark shade and moderately saturated.
Palette
5677dc color palette from light to dark
HEX |
RGB |
HSL |
#eaeefb |
rgb(234,238,251) |
hsl(225,66%,95%) |
#d5ddf6 |
rgb(213,221,246) |
hsl(225,66%,90%) |
#c0ccf2 |
rgb(192,204,242) |
hsl(225,66%,85%) |
#aabbee |
rgb(170,187,238) |
hsl(225,66%,80%) |
#95aae9 |
rgb(149,170,233) |
hsl(225,66%,75%) |
#8099e5 |
rgb(128,153,229) |
hsl(225,66%,70%) |
#6b88e1 |
rgb(107,136,225) |
hsl(225,66%,65%) |
#5677dc |
rgb(86,119,220) |
hsl(225,66%,60%) |
#4166d8 |
rgb(65,102,216) |
hsl(225,66%,55%) |
#2b55d4 |
rgb(43,85,212) |
hsl(225,66%,50%) |
#274dbe |
rgb(39,77,190) |
hsl(225,66%,45%) |
#2344a9 |
rgb(35,68,169) |
hsl(225,66%,40%) |
#1e3c94 |
rgb(30,60,148) |
hsl(225,66%,35%) |
#1a337f |
rgb(26,51,127) |
hsl(225,66%,30%) |
#162b6a |
rgb(22,43,106) |
hsl(225,66%,25%) |
#112255 |
rgb(17,34,85) |
hsl(225,66%,20%) |
#0d1a3f |
rgb(13,26,63) |
hsl(225,66%,15%) |
#09112a |
rgb(9,17,42) |
hsl(225,66%,10%) |
#040915 |
rgb(4,9,21) |
hsl(225,66%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56D1DC |
rgb(86,209,220) |
hsl(185,66%,60%) |
#5677DC |
rgb(86,119,220) |
hsl(225,66%,60%) |
#8E57DC |
rgb(142,87,220) |
hsl(265,66%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#CFD9F5 |
rgb(207,217,245) |
hsl(224,66%,89%) |
#A7B8EC |
rgb(167,184,236) |
hsl(225,64%,79%) |
#7E96E4 |
rgb(126,150,228) |
hsl(226,65%,69%) |
#5677DC |
rgb(86,119,220) |
hsl(225,66%,60%) |
#2D57D3 |
rgb(45,87,211) |
hsl(225,65%,50%) |
#2345AC |
rgb(35,69,172) |
hsl(225,66%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5677DC |
rgb(86,119,220) |
hsl(225,66%,60%) |
#DC7856 |
rgb(220,120,86) |
hsl(15,66%,60%) |
#BADB56 |
rgb(186,219,86) |
hsl(75,65%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5677DC |
rgb(86,119,220) |
hsl(225,66%,60%) |
#DCBA56 |
rgb(220,186,86) |
hsl(45,66%,60%) |
#56BADC |
rgb(86,186,220) |
hsl(195,66%,60%) |
#BADB56 |
rgb(186,219,86) |
hsl(75,65%,60%) |