HEX #5680D4 color — Havelock Blue
The color #5680D4 is a dark shade and moderately saturated.
Palette
5680D4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(220,59%,98%) |
#e3eaf8 |
rgb(227,234,248) |
hsl(220,59%,93%) |
#cedaf2 |
rgb(206,218,242) |
hsl(220,59%,88%) |
#bacbed |
rgb(186,203,237) |
hsl(220,59%,83%) |
#a6bce8 |
rgb(166,188,232) |
hsl(220,59%,78%) |
#92ade3 |
rgb(146,173,227) |
hsl(220,59%,73%) |
#7d9dde |
rgb(125,157,222) |
hsl(220,59%,68%) |
#698ed8 |
rgb(105,142,216) |
hsl(220,59%,63%) |
#557fd3 |
rgb(85,127,211) |
hsl(220,59%,58%) |
#4070ce |
rgb(64,112,206) |
hsl(220,59%,53%) |
#3262c3 |
rgb(50,98,195) |
hsl(220,59%,48%) |
#2d58ae |
rgb(45,88,174) |
hsl(220,59%,43%) |
#284e9a |
rgb(40,78,154) |
hsl(220,59%,38%) |
#234486 |
rgb(35,68,134) |
hsl(220,59%,33%) |
#1d3972 |
rgb(29,57,114) |
hsl(220,59%,28%) |
#182f5d |
rgb(24,47,93) |
hsl(220,59%,23%) |
#132549 |
rgb(19,37,73) |
hsl(220,59%,18%) |
#0e1b35 |
rgb(14,27,53) |
hsl(220,59%,13%) |
#081020 |
rgb(8,16,32) |
hsl(220,59%,8%) |
#03060c |
rgb(3,6,12) |
hsl(220,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56D4D4 |
rgb(86,212,212) |
hsl(180,59%,58%) |
#5680D4 |
rgb(86,128,212) |
hsl(220,59%,58%) |
#8057D4 |
rgb(128,87,212) |
hsl(260,59%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A2BAE7 |
rgb(162,186,231) |
hsl(219,59%,77%) |
#7C9CDD |
rgb(124,156,221) |
hsl(220,59%,68%) |
#5680D4 |
rgb(86,128,212) |
hsl(220,59%,58%) |
#3263C7 |
rgb(50,99,199) |
hsl(220,60%,49%) |
#2952A1 |
rgb(41,82,161) |
hsl(220,59%,40%) |
#1F3D7B |
rgb(31,61,123) |
hsl(220,60%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5680D4 |
rgb(86,128,212) |
hsl(220,59%,58%) |
#D46B56 |
rgb(212,107,86) |
hsl(10,59%,58%) |
#BFD456 |
rgb(191,212,86) |
hsl(70,59%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5680D4 |
rgb(86,128,212) |
hsl(220,59%,58%) |
#D4AB56 |
rgb(212,171,86) |
hsl(40,59%,58%) |
#56BFD4 |
rgb(86,191,212) |
hsl(190,59%,58%) |
#BFD456 |
rgb(191,212,86) |
hsl(70,59%,58%) |